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属性中使用双{{}}符号。

EG：

<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>

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

2 个答案: