attr.checked无法动态添加元素

时间:2017-12-06 10:30:55

标签: javascript angular typescript

我尝试使用[attr.checked]

动态创建元素

.TS

public value = true;

ngAfterViewInit(){
  let testElemet = let testElemet = `<input type="checkbox" [attr.checked]="` + this.value + `? 'checked' : null"/>`;
  document.getElementById("test").innerHTML = testElemet;
}

html的

<div id=test>
 <!-- element is created here but is not checked -->
</div>

<!-- this element is checked as it should -->
<input type="checkbox" [attr.checked]="value ? 'checked' : null"/>

任何解释都将不胜感激。

1 个答案:

答案 0 :(得分:4)

在Angular中这种方式不起作用,在AngularJS中没有$compile服务来编译动态。

您要查找的是动态组件加载,请查看此官方指南https://angular.io/guide/dynamic-component-loader