AngularJS Bindeschablone Variable

Question

Ich muss die Vorlage dynamisch abhängig vom gesendeten Layout rendern (für jetzt haben wir Original und Alternative).

In der Anfang war ich manuell in den HTML-Tracker. Wie folgt aus:

<component layout="original"></component> 

Komponentenvorlage:

template: ($element, $attrs) => { 
    let process = 'original'; 
    if ($attrs.layout) { 
     process = $attrs.layout; 
    } 
    return require(`./templates/${process}.html`); 
    } 

Aber jetzt muss ich die Variable kompilieren nach. Zum Beispiel:

<component layout="{{vm.templateType}}"></component> 

Aber wenn ich die $attrs im template Acess die Winkel nicht kompiliert und das Ergebnis ist die Zeichenfolge wie folgt: "{{vm.templateType}}".

Es gibt eine Möglichkeit, die Vorlagenkompilierung vor dem Ausführen der Vorlagenfunktion zu erzwingen?

Answer 1

Dies ist ein Problem in AngularJS, das Sie hier diskutieren können: #2895 und #13526.

es zu lösen ich die $compile in der Steuerung wie folgt zu verwenden hatte:

this.$onChanges = function (obj) { 
    const layout = require(`./templates/${obj.layout.currentValue}.html`); 
    $element.append($compile(layout)($scope)); 
}; 

Und die Vorlage attr der Komponente entfernen.