Angularjs 条件HTML
我有一个非常简单的Angularjs 条件HTML,angularjs,Angularjs,我有一个非常简单的ng repeat来创建手风琴。我从中删除了类中的,因此它们被关闭。但我真正想要的是打开第一个,关闭所有其他的 你知道我该怎么做吗 <div ng-repeat="ticket in tickets"> <div class="panel-group" id="accordion{{ticket.TICKET_ID}}"> <div class="panel panel-default"> <div class=
ng repeat
来创建手风琴。我从中删除了类中的,因此它们被关闭。但我真正想要的是打开第一个,关闭所有其他的
你知道我该怎么做吗
<div ng-repeat="ticket in tickets">
<div class="panel-group" id="accordion{{ticket.TICKET_ID}}">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion{{ticket.TICKET_ID}}" href="#collapse{{ticket.TICKET_ID}}">{{ticket.TICKET_ID}} - {{ticket.TITLE}} ({{ticket.TICKET_STATUS_DESCRIPTION}})</a>
</h4>
</div>
<div id="collapse{{ticket.TICKET_ID}}" class="panel-collapse collapse">
<div class="panel-body">
{{ticket.DESCRIPTION}}
<hr>
<span><b>Contacted by: </b> {{ticket.TICKET_TYPE_DESCRIPTION}}</span><br>
<span><b>Category: </b> {{ticket.TICKET_CATEGORY_DESCRIPTION}}</span><br>
<span><b>Related to: </b> {{ticket.TICKET_TAG_DESCRIPTION}}</span>
</div>
<div class="panel-footer">{{ticket.CREATED_BY}} - {{ticket.CREATION_DATE}}</div>
</div>
</div>
</div>
</div>
{{ticket.DESCRIPTION}}
联系人:{{票证.票证类型\描述}}
类别:{{票证.票证\类别\说明}
与以下内容相关:{ticket.ticket\u TAG\u DESCRIPTION}
{{ticket.CREATED{u BY}}-{{ticket.CREATED{u DATE}
您可以使用ng类
有选择地添加折叠
类,这将停止第一个面板折叠:
<div id="collapse{{ticket.TICKET_ID}}" class="panel-collapse" ng-class="{ 'collapse': $index !== 0 }">
<div class="panel-body">
...
...
我在这里举了一个例子:
由于未使用
中的类,因此不清楚在何处添加该类,但是,您可以尝试在添加带有以下内容的类之前检查索引:ng class=“{'in':$index==0}”
将其添加到此处:
这是引导