リストの長さにdivセクションを繰り返します（イオニック）

Question

私はいくつかの機能を備えたカスタムJavaScriptファイルを持っています。すべての機能は完璧に機能します。

関数の1つがリストモジュールを返します。私は私のリストの長さであるので、私のテンプレートで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>