javascript - 在列表长度中重复 div 部分(Ionic)

Question

我有一个自定义 JavaScript 文件，其中包含一些函数。所有功能都运行良好。

其中一个函数返回一个模块列表。我想在我的模板中重复 div 部分，次数与列表的长度相同。

这是我的 ionic 模板文件:

<ion-view title="My Marks" id="page7">
<ion-content ng-controller="MyMarks" padding="true" class="has-header">

    <div ng-repeat="module in getCourseModules">
        <div class="row">
            <div class="col">{{module}}</div>
        </div>
        <div class="row">
            <div class="col col-50">Module Mark</div>
            <div class="col col-50">{{GenerateRandomMarks[i]}}</div>
        </div>
        <br>
        <br>
    </div>
</ion-content>

这是我的 app.js 中的 Controller :

app.controller('MyMarks', function ($scope){

$scope.courseNum = GenerateRandomNumber(0, 9);

$scope.getCourseName = getCourseName(courseNum);//Returns just Text

$scope.getCourseModules = getCourseModules(courseNum); //Returns the list
$scope.GenerateRandomMarks = GenerateRandomMarks(); //Returns a list of numbers
  });

如何重复我需要的代码段？在该代码段中，每次重复都应该显示列表 {{getCourseModules[i]}} 的不同元素。

我解决了大部分问题。但我无法弄清楚重复部分。如果我手动复制/粘贴代码，它就可以正常工作。

Answer 1

您需要使用ngRepeat指令。

<div ng-repeat="model in getCourseModules">{{model}}</div>

<div ng-repeat="model in getCourseModules">{{someAnotherArray[$index]}}</div>