標題屬性中的ng-repeat項目

Question

我在ng-repeat中的元素中使用title屬性時顯示工具提示時出現問題。

<div ng-repeat="item in ctrl.items"> 
    <collapsable-panel is-open="true" class="custom-class" title="{{item.name}}"> 
     @* other code *@ 
    </collapsable-panel> 
</div> 

有了這個，我得到一個錯誤，

Syntax Error: Token '{' invalid key at column 2 of the expression [{{item.name}}] starting at [{item.name}}]. 

希望任何想法，爲什麼發生這種情況。

Answer 1

您需要使用ng-attr來綁定標題。

試試這個：

<div ng-repeat="item in ctrl.items"> 
    <collapsable-panel is-open="true" class="custom-class" ng-attr-title="{{item.name}}"> 
     @* other code *@ 
    </collapsable-panel> 
</div>