Bisa't mengikat 'target' sejak itu isn't yang diketahui milik 'div'

Saya mendapatkan error ini sementara melaksanakan runtuhnya fitur:

Kesalahan: Template parse error: Bisa't mengikat 'target' sejak itu isn't diketahui milik 'div'

app.component.html:

<div *ngFor = "let ele of elements; let RowIndex = index">
    {{ele.name}} 
    <button data-toggle="collapse" 
            data-target="#demo{{RowIndex}}">Toggle
    </button>
    <div id="demo{{RowIndex}}" class="collapse">Lorem Ipsum</div>

</div>

Tetapi jika saya hanya menggunakan data-target="#demo" , yang bekerja dengan baik. Tapi ketika saya mengikat {{RowIndex}} dari yang menunjukkan kesalahan.

CSchulz
Pertanyaan edit 13 April 2017 в 8:48
Pemrograman
angular collapse
13 April 2017 в 7:56
Belum ada tampilan
Mengomentari pertanyaan (2)
Larutan

Anda melewatkan properti mengikat 

Toggle


Toggle

clickMe(value){
    value.srcElement.innerHTML="Clicked";

  }
msanford
Jawaban edit 26 Juli 2017 в 5:46
Komentar (6)

Menggunakan sudut's atribut sintaks mengikat.

Gunakan salah satu dari berikut:

Toggle

atau

Toggle
Komentar (1)

gunakan properti yang mengikat : attr.data-target="{{anda-target}}"

Komentar (0)

Anda dapat menggunakan href tag bukan dari div. anda dapat memeriksa kode di bawah ini

<div class="card" *ngFor="let service of servicesArr;let i = index">
  <a data-toggle="collapse" href="#{{i}}{{service.name}}">{{service.label}}</a>
  <div id="{{i}}{{service.name}}" class="collapse">
     Lorem ipsum dolor text....
  </div>
</div>
Komentar (0)