首頁(yè) 猿問(wèn) 如何在AngularJS中使用ng...

如何在AngularJS中使用ng-重復(fù)遍歷鍵和值？

AngularJS

蠱毒傳說(shuō) 2019-06-21 13:54:55

如何在AngularJS中使用ng-重復(fù)遍歷鍵和值？在我的控制器中，我有如下數(shù)據(jù)：$scope.object = data現(xiàn)在，這些數(shù)據(jù)是帶有鍵和值的字典。json.我可以用object.name在模板里。我是否也可以迭代這些鍵，并在表中顯示它們，比如<tr><td> {{key}} </td> <td> data.key </td>數(shù)據(jù)如下{ "id": 2, "project": "wewe2012", "date": "2013-02-26", "description": "ewew", "eet_no": "ewew",}

查看完整描述

3 回答

白豬掌柜的

TA貢獻(xiàn)1893條經(jīng)驗(yàn) 獲得超10個(gè)贊

如果您想用雙向綁定編輯屬性值：

<tr ng-repeat="(key, value) in data">
    <td>{{key}}<input type="text" ng-model="data[key]"></td></tr>

反對(duì) 回復(fù) 2019-06-21

不負(fù)相思意

TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超10個(gè)贊

我不認(rèn)為有內(nèi)置函數(shù)用于執(zhí)行此操作，但是可以通過(guò)創(chuàng)建包含所有標(biāo)頭名稱的單獨(dú)范圍屬性來(lái)完成這一任務(wù)，您可以按照以下方式自動(dòng)填充該屬性：

var data = {
  foo: 'a',
  bar: 'b'};$scope.objectHeaders = [];for ( property in data ) {
  $scope.objectHeaders.push(property); }// Output: [ 'foo', 'bar' ]

反對(duì) 回復(fù) 2019-06-21