Html 使用bootstrap折叠的手风琴angularjs

在我的AngularJS应用程序中，我有一个组件

，它使用引导中的

折叠。在我尝试使用动态ID隐藏内容之前，它一直工作得很好

这是必需的，因为我在父组件中使用了两个
，以避免ID冲突

HTML示例：

<div ng-class="$ctrl.getAddressAccordionClass()">
    <h3 data-toggle="collapse" data-target="#$ctrl.addressId" ng-click="$ctrl.toggleAccordion();">
        <span>{{$ctrl.boxTitle}}</span>
    </h3>
    <div ng-attr-id="$ctrl.addressId" class="panel-collapse collapse in">
       <p>some content</p>
    </div>
</div>


{{$ctrl.boxTitle}
一些内容


我看到我可以使用
ng attr id
设置动态id。但是如何将我的id注入
数据目标
属性？
我问得太早了答案很简单，只需添加双大括号{}：

<div ng-class="$ctrl.getAddressAccordionClass()">
    <h3 data-toggle="collapse" data-target="#{{$ctrl.addressId}}" ng- click="$ctrl.toggleAccordion();">
    <span>{{$ctrl.boxTitle}}</span>
</h3>
<div ng-attr-id="{{$ctrl.addressId}}" class="panel-collapse collapse in">
   <p>some content</p>
</div>


{{$ctrl.boxTitle}
一些内容