动态 ng-repeat 形式的优雅解决方案

Question

我是 AngularJS 的新手，我有以下问题：我想用一组存储在 Object 中的值的键遍历 'attributes' 数组。

<div ng-repeat="key in attributes">
         {{key}}: <input type="text" value={{Object.key}} name="{{key}}">
</div>

此代码仅显示 {{column}} 的正确键，但不提供 {{Object.column}} 值的结果。短语 {{Object.{{column}}}} 也不起作用。

如果我运行代码，给对象一个静态键（例如 ID），一切都完美。

我可以去

<div>
     id: <input type="text" value={{Object.id}} name="id">
     name: <input type="text" value={{Object.name}} name="name">
     value: <input type="text" value={{Object.value}} name="value">
     and so on...
</div>

但这种静态形式似乎并不是完美的解决方案。

有人可以帮助我吗？

Answer 1

你应该这样做 -

<div ng-repeat="key in attributes">
    {{key}}: <input type="text" value={{ Object[key] }} name="{{ Object[key] }}">
</div>

Answer 2

使用{{Object[key]}}。 Angular 认为 .key 是常量而不是变量。

动态 ng-repeat 形式的优雅解决方案

Elegant solution for a dynamic ng-repeat form

forms

iterator

key

angularjs

ng-repeat