Передайте динамическую переменную в значение атрибута HTML

Question

Итак, у меня есть ситуация, на которую я не смог найти ответ в Интернете.У меня есть следующий HTML:

<th ng-repeat = "type in ::extraIdentifierTypes track by $index">
<strong>
    <a href="#" ng-click="$parent.orderByField= 'extraIdentifiers[{{type.name}}]'; $parent.reverseSort = !$parent.reverseSort">{{type.name}}
        <span  class="sort-pos" ng-show="$parent.orderByField == 'extraIdentifiers[{{type.name}}]'">
            <span ng-show="!$parent.reverseSort">
                <i class="sort-by-asc"></i>
            </span>
            <span ng-show="$parent.reverseSort">
                <i class="sort-by-desc"></i>
            </span>
        </span>
    </a>
</strong>

При нажатии на нг я изменяю значение переменной $ scope, называемой orderByField, на строковое значение extraIdentifiers[{{type.name}}]

На самом деле это массив, индекс которого будет генерироваться динамически.Но когда я передаю индекс как {{type.name}}, это не вычисляет выражение {{type.name}}.Как передать type.name в качестве индекса на extraIdentifers?

Answer 1

Так что мне пришлось просто объединить строку и динамическую переменную следующим образом:

'extraIdentifiers['+type.name+']'