动态ng-repeat表单的优雅解决方案

Question

我是AngularJS的新手，我有以下问题： 我想迭代一系列＆＃39;属性＆＃39;用一堆键存储在Object中的值。

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

此代码仅显示{{column}}的正确键，但未提供{{Object.column}}值的结果。 短语{{Object。{{column}}}} dosn既没有效果。

如果我运行代码，给对象一个静态密钥（例如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是常量而不是变量。