javascript - angular2如何給<route-outlet></route-outlet>佔位之後需要路由到的元件標籤上綁定輸入屬性？

Question

求解，如題目描述,
想給一個元件傳遞資料,但這個元件在<route-outlet></route-outlet>的位置顯示並不能直接在routeroutlet標籤上加上[XX] = "XX"，

看文件好像可以透過 @conponent註解的host欄位綁定class和attr，
但當我綁定[輸入值]的時候就會報錯,

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

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

報錯訊息:
Can't bind to 'test' since it isn't a known property of 'app-onlinecourse'.

请输入代码

謝謝

Answer 1

angular的host遵循的是模板語法的綁定的規則，可參考(Template Syntax)[https://angular.io/docs/ts/la...。

因此，你的host，大概應該如此：

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