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}”
将其添加到此处:
这是引导