列表長度中的重複div部分（Ionic）

我有一個自定義的JavaScript文件，其中包含一些函數。所有的功能工作得很好。列表長度中的重複div部分（Ionic）

其中一個函數返回一個列表模塊。我想在我的模板中重複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]}}的不同元素。

我解決了大部分問題。但我無法找出重複的部分。如果我手動複製/並粘貼代碼工作正常。

來源

2017-02-28 Bobys

您需要使用ngRepeat指令。

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

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

來源

2017-02-28 20:13:43 NechiK

Thanks @NechiK。我在第一個問題中更新了我的代碼。對於getCourseModules來說，這是非常棒的。我在這段代碼中還有另一個數組，它是標記。標記從函數列表中返回。爲了使用它們，我必須將它們稱爲{{Mark [x]}}。模型不是一個數字，所以我不能用它作爲我的計數器。你如何推薦我解決這個問題？ – Bobys

你的意思是你需要知道哪個索引有每個重複元素？或者是什麼？ – NechiK

我需要一個索引變量，以便列出位於GenerateRandomMarks中的標記。每次div重複時，GenerateRandomMarks [X]列表都應該移動到數組的下一個元素。 – Bobys

列表長度中的重複div部分（Ionic）

回答

相關問題