javascript - 需要在对象属性上使用 ng-repeat

标签 javascript angularjs angularjs-ng-repeat

我有以下对象。

$scope.sampleObj = 
  {
    "id": 10000,
    "transactionid": "gec43434",
    "status": "COMPLETED",
    "session_id": "TTYUU455667"
  }

现在我需要使用 ng-repeat 在标签中显示此对象键并在文本区域中显示值。本质上我想使用 ng-repeat关于对象属性,可能吗?

我必须使用类似的东西:

<div ng-repeat="eachProp in sampleObj">
<label> {{eachProp.key}} </label> <textarea ng-model="eachProp.value"> </textarea>
</div> 

最佳答案

是的,您可以通过 ng-repeat 迭代对象。 你正在尝试得到这个:

<div ng-repeat="(key,value) in sampleObj">
     <label> {{key}} </label> 
     <textarea ng-model="value"></textarea>
</div>

引用文档 https://docs.angularjs.org/api/ng/directive/ngRepeat

JSfiddle 链接:https://jsfiddle.net/U3pVM/28214/

关于javascript - 需要在对象属性上使用 ng-repeat,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40588192/

相关文章:

javascript - 是否可以有多个 .then 函数?

javascript - ngRepeat 对象上的高级 AngularJS 自定义过滤

javascript - 检查下一个项目是否存在于 ng-repeat 项目中

javascript - 下拉列表索引更改时日期选择器不起作用

javascript - 加载完成事件后的 jQuery

javascript - 通过指令调用时,ngTagInput 出现 javascript 控制台错误

javascript - 如何在数组上的 ng-repeat 内部使用 ng-if ?

javascript - 将具有动态键的对象数组转换为新数组

javascript - 将 Webpack UMD 转换为原生 ES 模块

javascript - $scope.uiGrid 未定义