HTML和Angular中的動態變量？

Question

我使用ng-repeat通過由displayNames和變量組成的對象列表。例如，這裏有一個例子字段列表：

"fields": [ 
    {"displayName": "Company Name", "variable": "name"}, 
    {"displayName": "Location of Product", "variable": "location"}, 
] 

目前我在做這樣的事情：

<div ng-repeat="field in fields"> 
    <label class="control-label">{{field.displayName}}</label> 
    model.{{field.variable}} 
</div> 

我想model.{{field.variable}}顯示model.variable值的值。例如，如果field.displayName是「公司名稱」，那麼我想顯示model.name。

我試圖用大括號{{model.{{field.variable}}}}包裝它，但它沒有奏效。

謝謝！

Answer 1

如果您有動態密鑰，則需要使用括號表示。

<div ng-repeat="field in fields"> 
    <label class="control-label">{{ field.displayName }}</label> 
    {{ model[field.variable] }} 
</div>