Как изменить href в соответствии с элементами массива AngularJS

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> 

Все, что внутри {{}} будут оценены как JavaScript на текущей $ рамки.

Надеюсь, это поможет.

Answer 2

Использование нг-HREF вместо того, чтобы нормально HREF

и обернуть Ext (модель) в скобках ({{внутр}}) так:

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