Angular: Tidak dapat menginterpolasi ({{}}) ke dalam atribut kelas bentuk svg

Dibuat pada 27 Mei 2016  ·  3Komentar  ·  Sumber: angular/angular

  • saya sedang mengajukan...
  • [x] laporan bug
  • [ ] permintaan fitur
  • [ ] permintaan dukungan => Harap jangan mengirimkan permintaan dukungan di sini, lihat catatan di bagian atas template ini.

Perilaku saat ini
Tidak dapat menginterpolasi ({{}}) ke dalam atribut kelas dari bentuk svg kecuali elemen yang sama juga memiliki [ngClass]="" di dalamnya.

Perilaku yang diharapkan/diinginkan
Interpolasi teks arbitrer ke dalam atribut kelas dari elemen apa pun harus dimungkinkan - dengan atau tanpa [ngClass]=""

  • Jika perilaku saat ini adalah bug, berikan langkah-langkah untuk mereproduksi dan jika mungkin demo minimal masalah melalui
    Direproduksi di sini:
    https://plnkr.co/edit/mVe6NH?p=preview
  • Apa perilaku yang diharapkan?
    Kedua baris serta h1 harus berubah menjadi merah sebagai akibat dari penerapan kelas 'merah'.
  • Apa motivasi / kasus penggunaan untuk mengubah perilaku?
    .. harus ada ketertiban di dunia _(ツ)_/¯
  • Tolong beritahu kami tentang lingkungan Anda:
  • Versi sudut: 2.0.0-rc1
  • Peramban: [ Chrome 50 | Firefox 34 | Safari 9.0.3]
  • Bahasa: [TypeScript]

Komentar yang paling membantu

Anda harus mengikat atribut dengan SVG, yaitu [attr.class]="color"

Semua 3 komentar

Anda harus mengikat atribut dengan SVG, yaitu [attr.class]="color"

Terima kasih untuk tip itu - ini bekerja seperti pesona!

Saya berharap saya tidak akan menjadi orang terakhir yang dikejutkan oleh ketidakkonsistenan yang tampak ini. Saya memang menghabiskan sedikit waktu mencari aturan khusus tentang svg di dokumen sudut - tetapi muncul dengan tangan kosong. Apa yang saya lewatkan?

Masalah ini telah dikunci secara otomatis karena tidak ada aktivitas.
Silakan ajukan masalah baru jika Anda mengalami masalah serupa atau terkait.

Baca lebih lanjut tentang kebijakan penguncian percakapan otomatis kami.

_Tindakan ini telah dilakukan secara otomatis oleh bot._

Apakah halaman ini membantu?
0 / 5 - 0 peringkat