当前位置: 首页 > 面试题库 >

AngularJS-如何在ng-Repeat中引用属性名称

张子墨
2023-03-14
问题内容

除了呈现对象中属性的值之外,我还想将属性名称呈现为标签。有办法做到这一点ng-repeat吗?例如:

<ul>
    <li ng-repeat="option in data">{{propertyName}}: {{option}}</li>
</ul>

可能会吐出这样的东西:

<ul>
    <li>Name: John</li>
    <li>Phone: (123) 456-7890</li>
    <li>Country: England</li>
</ul>

问题答案:

试试这个:

<ul>
    <li ng-repeat="(key,val) in data">{{key}}: {{val}}</li>
</ul>


 类似资料:
  • 问题内容: 我知道我们可以轻松地对json对象或数组使用 ng-repeat ,例如: 但是如何将ng-repeat用于字典,例如: 我想在用户字典中使用它: 可能吗?。如果是,我该如何在AngularJs中做到这一点? 我的问题的示例:在C#中,我们定义如下字典: 是否有内置函数可以像c#中那样从字典返回值? 问题答案: 您可以使用 请参阅ngRepeat文档。示例:http://jsfiddl

  • 问题内容: 我正在尝试做类似的事情: AngularJs部分: 但是不知何故,它向我展示了所有物品。如何筛选(键,值)? 问题答案: Angular 过滤器只能通过angular的API应用于数组,而不能应用于对象- “从数组中选择项的子集,并将其作为新数组返回。” 您在此处有两个选择: 1)移至数组或 -2)预过滤项目,如下所示: 并在控制器上: jsfiddle :http : //jsfid

  • 问题内容: 如何在ng-repeat中使用动态名称命名表单? 我想动态命名每种形式。例如,将$ index添加到表单名称。我该如何实现?我在ng-repeat上尝试了ng-init,但是没有用。 问题答案: 您可以这样做: 编辑 : 您也可以使用,如下所示: 如果仅基于表单的有效性应用类,则可以将样式应用于自动添加的类,例如:

  • 问题内容: 我想问你是否可以帮我这个忙。 我在这里用我的问题创建了一个jsfiddle 。我需要使用ng-model =“ my _ {{$ index}}”方式在ng-repeater中动态生成一些带有ng-model的输入。 在jsfiddle中,您可以看到一切正常,直到我尝试动态生成它为止。 HTML将是: 还有javascript … 你能给我个主意吗? 非常感谢。 问题答案: 它能解决您

  • 问题内容: 我想在ng-repeat中使用正则表达式。我尝试了以下代码,但无法正常工作。 我有用户数组,我只想显示类型为c5的用户。 如果我用 然后它也以“ ac5x”类型显示用户,因为它包含c5。 我怎么解决这个问题?也许还有另一种解决方案。 谢谢! 问题答案: Tosh提到的内容应该对您有用! 如果您发现自己想更频繁地使用正则表达式进行过滤,则可以创建一个自定义过滤器。像这样的小提琴使您可以指

  • 问题内容: 在我的控制器中,我有如下数据: 现在,此数据是包含键和值的字典。 我可以使用模板中的属性。有什么办法可以遍历键并将它们显示在表格中吗? 数据是这样的 问题答案: 怎么样: 该方法在docs中列出:https : //docs.angularjs.org/api/ng/directive/ngRepeat