将动态变量传递给HTML属性的值

时间:2018-12-28 09:59:18

标签: javascript html arrays angularjs

所以在这里,我遇到了无法在线找到答案的情况。 我有以下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>

在ng单击上,我将名为orderByField的$ scope变量的值更改为字符串值extraIdentifiers[{{type.name}}]

它实际上是一个数组,其索引将动态生成。但是,当我将索引传递为{{type.name}}时,它没有计算表达式{{type.name}}。 如何将type.name作为索引传递给extraIdentifers

1 个答案:

答案 0 :(得分:0)

所以我不得不像这样将字符串和动态变量连接起来:

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