javascript - Bagaimanakah angular2 mengikat atribut input kepada teg komponen yang perlu dihalakan selepas <route-outlet></route-outlet> mengambil ruang?

Question

Penyelesaian, seperti yang diterangkan dalam soalan,
Saya ingin menghantar data kepada komponen, tetapi komponen ini dipaparkan di lokasi <route-outlet></route-outlet> dan [XX] = "XX" tidak boleh ditambahkan terus pada label routeroutlet ,

Melihat dokumentasi, nampaknya kelas dan attr boleh diikat melalui medan hos beranotasi dengan @conponent,
Tetapi apabila saya mengikat [nilai input], ralat akan dilaporkan,

@Component({
  selector: 'app-onlinecourse',
  templateUrl: './onlinecourse.component.html',
  host:{
    class:"test",
    '[test]':"test"
  }
......

  @Input()
  test;
.....
 ngOnChanges() {
      console.log(this.test);
  }
//undifind

Mesej ralat:
Tidak boleh terikat pada 'ujian' kerana ia bukan sifat 'app-onlinecourse' yang diketahui.

请输入代码

Terima kasih

Answer 1

hos angular mengikut peraturan mengikat sintaks templat, sila rujuk (Sintaks Templat) [https://angular.io/docs/ts/la...

Jadi, hos anda mungkin kelihatan seperti ini:

host: {
    '[class.special]': 'test',
    '[attr.aria-label]': 'true'
}