Question

我有一个自定义JavaScript文件，其中包含一些功能。所有功能都完美无缺。

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

这是我的离子模板文件：

<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中的控制器：

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>

在列表长度中重复div部分（离子）

1 个答案: