如何在AngularJS中使用ng-重复遍历键和值?

如何在AngularJS中使用ng-重复遍历键和值?

在我的控制器中,我有如下数据:$scope.object = data

现在,这些数据是带有键和值的字典。json.

我可以用object.name在模板里。我是否也可以迭代这些键,并在表中显示它们,比如

<tr><td> {{key}} </td> <td> data.key </td>

数据如下

{
    "id": 2,
    "project": "wewe2012",
    "date": "2013-02-26",
    "description": "ewew",
    "eet_no": "ewew",}


蛊毒传说
浏览 702回答 3
3回答

白猪掌柜的

如果您想用双向绑定编辑属性值:<tr&nbsp;ng-repeat="(key,&nbsp;value)&nbsp;in&nbsp;data"> &nbsp;&nbsp;&nbsp;&nbsp;<td>{{key}}<input&nbsp;type="text"&nbsp;ng-model="data[key]"></td></tr>

不负相思意

我不认为有内置函数用于执行此操作,但是可以通过创建包含所有标头名称的单独范围属性来完成这一任务,您可以按照以下方式自动填充该属性:var&nbsp;data&nbsp;=&nbsp;{ &nbsp;&nbsp;foo:&nbsp;'a', &nbsp;&nbsp;bar:&nbsp;'b'};$scope.objectHeaders&nbsp;=&nbsp;[];for&nbsp;(&nbsp;property&nbsp;in&nbsp;data&nbsp;)&nbsp;{ &nbsp;&nbsp;$scope.objectHeaders.push(property);&nbsp;}//&nbsp;Output:&nbsp;[&nbsp;'foo',&nbsp;'bar'&nbsp;]
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

AngularJS