伍重複呈現與鍵 - 值對

Question

數據我有一個JSON結構等：

"Address": { 
     "Address1": [ 
      "Lane1", 
      "Lane2" 
     ] 
} 

我想用NG-重複呈現在表中的值。

<td ng-repeat="(key,value) in results">{{value}}</td> 

這在表格中顯示數據爲["Lane1", "Lane2"]。

如何在不使用數組大括號的情況下正確顯示錶格中的數據使用ng-repeat例如：Lane1,Lane2？

我需要同時顯示值而不是一個值，我能夠使用{{value[0]}}

Answer 1

NG-重複與（鍵，價值）作爲輸出將給你，在你的例子中，鍵「地址1」和價值數組["Lane1", "Lane2"]。現在您可以通過value[0]或value[1]輕鬆訪問元素。因此，您只需使用{{ value.join (',') }}

Answer 2

實現你可以試試：

{{value.join(", ")}} 

的jsfiddle - http://jsfiddle.net/paoc5bvg/

Answer 3

我的想法是使用JavaScript的連接。但是，如果你認爲它會減弱應用程序結構，所以你可以這樣做。

<td ng-repeat="(key,value) in results">limit(value)</td> 

在控制器中你可以定義類似的功能。

$scope.limit=function(value){return value.join(",")} 

我希望這將有助於

Answer 4

看到這個的jsfiddle http://jsfiddle.net/Vwsej/並且此線程angularjs - ng-repeat: access key and value from JSON array object

<div ng-controller="MyCtrl"> 
    <ul ng-repeat="item in items"> 
     <li ng-repeat="(key, val) in item">{{key}}: {{val}}</li> 
    </ul> 
</div> 

Answer 5

，您應該使用一個ng-repeat的行，然後另一個用於列。如果這不是你想要的，我想你可以加入最後的數組。

{{value.join(', ')}} 

希望它有幫助。