attr.checked arbeiten nicht dynamisch hinzugefügt Element

Question

Ich versuche, ein Element zu erstellen dynamisch, dass unter Verwendung von [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"/> 

Beliebig Erklärung würde geschätzt werden.

Answer 1

Es funktioniert nicht in Angular, es gibt keinen $compile Dienst, um dynamisch wie in AngularJS zu kompilieren.

Was Sie suchen, ist dynamische Komponenten laden, überprüfen Sie diese offizielle Anleitung https://angular.io/guide/dynamic-component-loader.