为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

蛊毒传说 2019-06-21 13:54:55
如何在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",}
查看完整描述

3 回答

?
白猪掌柜的

TA贡献1893条经验 获得超10个赞

如果您想用双向绑定编辑属性值:

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


查看完整回答
反对 回复 2019-06-21
?
不负相思意

TA贡献1777条经验 获得超10个赞

我不认为有内置函数用于执行此操作,但是可以通过创建包含所有标头名称的单独范围属性来完成这一任务,您可以按照以下方式自动填充该属性:

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


查看完整回答
反对 回复 2019-06-21
  • 3 回答
  • 0 关注
  • 701 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信