Pertanyaan Di Aurelia, dapat slot digunakan dalam pengulangan.untuk mengikat?


Saya ingin membuat elemen khusus yang melingkupi larik dan menerapkannya ke setiap item dalam larik. Misalnya, templat tampilan dari elemen khusus akan berisi sesuatu seperti:

<div repeat.for="i of items">
  <div with.bind="i">
    <slot></slot>
  </div>
</div>

Saat saya menghapus atribut repeat.for dan with.bind, slot akan menampilkan satu kali. Apakah ada cara untuk mengulangnya untuk setiap item dalam daftar?


4
2018-06-07 02:41


asal


Jawaban:


Tidak, Anda tidak dapat menggunakan slot repeat.for atau bind hari ini. Untuk melakukan ini, Anda harus menggunakan komponen yang dapat diganti. Sebagai contoh:

<div repeat.for="i of items">
  <div with.bind="i">
    <template replaceable part="content"></template>
  </div>
</div>

Pemakaian:

<my-component>
  <template replace-part="content">Some Content - ${somePropertyOfI}</template>
</my-component>

Contoh runnable: https://gist.run/?id=29aa1c1199f080c9ba0e72845044799b


6
2018-06-07 06:25