Динамические переменные в HTML и Angular?

Question

Динамические переменные в HTML и Angular?

0

Я использую 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 является "Company Name", то я хочу отобразить model.name.

Я попробовал обернуть все это в фигурные скобки {{model.{{field.variable}}}} но это не сработало.

Благодарю!

user202925 19 апр. 2016, в 21:10

Источник

Теги:

javascript

html

angularjs

1 ответ

Ещё вопросы

GG. · Accepted Answer · 2016-04-19T15-51-00.000Z

При наличии динамического ключа вам необходимо использовать нотацию скобки.

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