如何根據AngularJS數組中的元素更改href

Question

我想對數組中的每個元素使用折疊（來自引導程序）。 所以，我有一個數組extensions = ['firstCollapse', 'secondCollapse'] 。 對於每個元素，我想使用一個新的折疊（將有2個），為此我在數組上進行迭代，但是我不知道如何修改href來折疊每個元素。 這是代碼的一部分：

<div ng-repeat="ext in extensions">
   <div class="panel-group" id="accordion" ng-model="ext">
     <div class="panel panel-default">
       <div class="panel-heading">
         <h4 class="panel-title">
            <a data-toggle="collapse" data-parent="#accordion" href="#ext" ng-bind="ext"></a>
         </h4>
       </div>
     <div id="ext" class="panel-collapse collapse in">
        <div class="panel-body">
            Body
        </div>
      </div>
     </div>
    </div>
   </div>
  </div>

我試圖根據數組中的當前元素修改href ，但是沒有用。 我怎樣才能做到這一點？ 非常感謝。

Answer 1

您只需要在href屬性中使用雙{{}}表示法即可。

例如：

<a href="{{'#' + ext}}">clicky</a>

{{}}都將在當前$ scope上被評估為javascript。

希望這可以幫助。

Answer 2

使用ng-href代替普通的href

並將ext（模型）包裹在方括號（{{ext}}）中，如下所示：

<a data-toggle="collapse" data-parent="#accordion" ng-href="#{{ext}}" ng-bind="ext"></a>