当前位置: 首页 > 知识库问答 >
问题:

需要在对象属性上使用 ng-repeat [重复]

常智勇
2023-03-14

我有以下对象。

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

现在我需要使用ng-重复在标签中显示这个对象键,并在文本区域中显示值。本质上我想在对象属性上使用ng-重复,可以吗?

我必须使用类似的东西:

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

共有1个答案

韦思淼
2023-03-14

是的,你可以通过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 link : https://jsfiddle.net/U3pVM/28214/

 类似资料:
  • 问题内容: jsfiddle http://jsfiddle.net/KfSBq/ 所谓子对象,是指我用ng-repeat显示的所有对象在其内部都包含一个对象列表,并且我希望根据这些子对象之一的属性进行过滤。 仅此一项就非常简单。我有个对象,每个对象都包含和对象列表: 我按类别显示它们: 我的问题是现在仍然显示不包含任何条目的日常对象。如何实现一种情况,如果过滤使列表为空,则该列表也不显示? 问题

  • 我得到了一个数组,其对象类似于: 所以我用这种方式打印一个HTML表格: 是<code>queryCategory 我试过了: 和 但是没有结果。我怎样才能实现它? 正如批评者所建议的那样,当它有一个对象时,有这样一种选择: 但是,当它们是数组中的多个对象时,我该如何使用它呢?

  • 问题内容: 我正在开发一个页面,我需要在其中显示一些框(使用),其中包含频道信息以及显示位置(城市)。 我面临的问题是当我重复第二遍时: 这应该获得第一个ng-repeat的$ index值,并使用显示频道的位置创建一个新数组。它确实做到了。但是,当我使用此数组应用第二个ng- repeat时,它无法正常工作。 说我的html看起来像这样(PS:我需要使用索引值而不是因为我将这些框放到列中) JS

  • 问题内容: 我正在尝试将模型中的数据插入模板,但是我想每7次重复添加一个新的表行。使用基于strign的模板,我可以使用迭代索引和模来相当容易地做到这一点,但是我无法弄清楚如何使用angular的DOM模板来做到这一点。 这是HTML: 而javascript类似于: 您可以在JSFiddle中查看以下代码:http : //jsfiddle.net/3zhbB/2/ 问题答案: 请与天数组的数组

  • 我在一个网站上使用angularjs,那里有一个搜索输入,可以过滤视图上的列表。此列表显示为一个ng-repeat,该ng-repeat具有搜索输入中的筛选器: 搜索输入:

  • 问题内容: 我正在尝试将页面添加到我的列表中。我遵循了有关智能手机的AngularJS教程,我试图仅显示一定数量的对象。这是我的html文件: 我添加了带有某些值的select标记,以限制将要显示的项目数。我现在想要的是添加分页以显示下一个5、10等。 我有一个与此相关的控制器: 而且我还有一个模块,以便从json文件中检索数据。 问题答案: 如果您没有太多数据,则可以通过将所有数据存储在浏览器中