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

Question

我是AngularJS的新手，但我遇到以下问题：我想用一堆用于存储在对象中的值的键在“属性”数组上进行迭代。

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

该代码仅显示正确的{{column}}键，但对于{{Object.column}}的值则没有结果。 短语{{Object。{{column}}}}无效。

如果我运行代码，为Object提供一个静态键（例如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是常量而不是变量。