Question

我的问题是，如何为所有折叠项创建自己的ID？

问题是如果我点击列表中的某个地方，第一个项目就会崩溃。我尝试给div提供data.id，但它也不起作用。

<div class="container">
<div *ngFor="let data of data.data">
  <div class="panel-group">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" href="#{data.id}}">{{data.subject}}</a>
      </h4>
    </div>
    <div id="{data.id}}" class="panel-collapse collapse">
      <div class="panel-body">{{data.id}}</div>
      <div class="panel-footer">{{data.name}}</div>
    </div>
  </div>
</div>
</div>
</div>

Answer 1

下面的行有一个错误。

 <a data-toggle="collapse" href="#{data.id}}">{{data.subject}}</a>

和这一行：

<div id="{data.id}}" class="panel-collapse collapse">

此处href="#{data.id}}和id="{data.id}}"

缺少卷曲括号

Angular 2 - Bootstrap - 崩溃

1 个答案: