Angularjs在字段

Question

下顯示ng-repeat結果，以便在輸入字段中顯示結果。

Here is the data (being returned from controller scope is companycodes) 
company  code 
abc   111 
abc   10012 
abc   6434 
xyz   1235 
xyz   33 

<div ng-repeat="x in companycodes"> 
<h3>{{x.company}}</h3> 
<input type="text" ng-name="code" ng-model=x.code> 
</div> 

我所試圖做的是，它列出了下公司的標題即代碼，

abc 
    111 
    10012 
    6434 
xyz 
    1235 
    33 

能否請你讓我知道如何更改NG重複，以獲得所需的輸出。 由於

Answer 1

可以編寫一個過濾器來組由company數據然後重複code具有相應company

JS

myModule.filter('groupBy', function() { 
    return function (array, expression) { 
    var result = [], i = 0; 
    if (!angular.isArray(array)) { 
     return array; 
    } 
    for (; i < array.length; i += 1) { 
     var value = array[i][expression]; 
     if (result.indexOf(value) === -1) { 
     result.push(value); 
     } 
    } 
    return result; 
    }; 
}) 

HTML：

<div data-ng-repeat="company in (companycodes | groupBy: 'company')"> 
    <h3>{{company}}</h3> 
    <div data-ng-repeat="comp in companycodes | filter: {company: company}"> 
    <input type="text" data-ng-model="comp.code"> 
    </div> 
</div> 

http://plnkr.co/edit/bhQVDUVJS8Tz7yjaEPaM?p=preview