javascript – attr.checked无法动态添加元素

我正在尝试使用[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"/>

任何解释将不胜感激.

解决方法:

它在Angular中不起作用,没有$compile服务来编译动态,就像在AngularJS中一样.

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