多收集

我有多個集合類似的目標和舉措等等。我想這樣的採用了棱角分明多收集

我的樣品採集數據輸出爲：

$scope.objectives = [ 
    {id:1, name:"Objective 1"}, 
    {id:2, name:"Objective 2"}, 
    {id:3, name:"Objective 3"} 
] 

$scope.initiatives = [ 
    {id:1, name:"Initiative 1"}, 
    {id:2, name:"Initiative 2"}, 
    {id:3, name:"Initiative 3"} 
]

來源

2017-01-31 SUHAIL VALIYAPARAMBA

歡迎來到StackOverflow。請看看[如何提出一個好問題]（http://stackoverflow.com/help/how-to-ask）上的一些有用提示 - 詢問一個好問題可以提高獲得答案的機會。但是，在發佈您的問題之前，您先搜索並做一些調查也同樣重要。還包括您嘗試過的內容，並指出您遇到的問題。 – ishmaelMakitla

據我所知你需要類似

<div ng-controller="Main"> 
     <div class="column"> 
     <p>Objectives</p> 
     <ul> 
     <li ng-repeat="obj in objectives"> 
      {{obj.name}} 
     </li> 
     </ul> 
     </div> 
     <div class="column"> 
     <p>Initiatives</p> 
     <ul> 
     <li ng-repeat="ins in initiatives"> 
      {{ins.name}} 
     </li> 
     </ul> 
     </div> 
    </div>

這裏是演示https://plnkr.co/edit/IhHnuWtFNnWsMkuYrVyD?p=preview

來源

2017-01-31 10:12:03

請參考ishmaelMakitla的評論，因爲你的問題是不完整的，足以真正幫助我們理解您的問題。

從我可以讀到這裏，你要找的是什麼ngRepeat指令。 AngularJS API: ngRepeat，這裏是鏈接。

你會再有一個結構看起來是這樣認爲：根據

<ul> 
    <li ng-repeat="item in collection"> 
    <span class="column1>{{ item.objetive }}</span> 
    <span class="column2>{{ item.measures }}</span> 
    <span class="column3>{{ item.initiatives }}</span> 
    </li> 
</ul>

這使您可以遍歷您的收藏（ngRepeat）：

$scope.collection = [ 
    { 
    objective: "Some text" 
    measures: "Some useful data" 
    initiatives: "a list of things" 
    }, 
    { 
    objective: "Second item" 
    measures: "Second useful data" 
    initiatives: "another list of things" 
    } 
]

而在你的HTML文件您的控制器中的數據（$ scope）以及使用html文件中的模板。

如果您有不被合併這樣的數據結構3點不同的集合，你應該想想辦法來組織你的數據的正確途徑。但是，因爲這很可能來自數據庫，所以您應該能夠以這種方式構造您的數據，而不會出現任何重大問題。

來源

2017-01-31 10:18:34 YannickHelmut

回答

相關問題