AngularJSバインディングテンプレート変数

Question

私は、送信されたレイアウトに応じてテンプレートを動的にレンダリングする必要があります（今のところオリジナルと代替があります）。

私はうまくいきましたが、私は手動でhtmlでトラッキングしていました。

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

コンポーネントテンプレート：

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

しかし、今、私は変数に従ってコンパイルする必要があり、このように。例えば：私はtemplateで$attrsをアセスするとき

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

は、しかし、角度がコンパイルされていないと、結果はこのような文字列です："{{vm.templateType}}"。

テンプレート関数を実行する前に強制的にテンプレートをコンパイルする方法がありますか？

Answer 1

これはAngularJSの問題です。ここでは、#2895と#13526の説明を確認できます。

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

とコンポーネントのテンプレートATTRを削除します。私はこのようなコントローラで$compileを使用していたそれを解決するために

。