javascript - 如何根据数组 AngularJS 中的元素更改 href

Question

我想对数组中的每个元素使用折叠(来自 Bootstrap )。 所以，我有一个数组 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。

希望这对您有所帮助。