0

ディレクティブの動的テンプレートに行き詰まっています。主に、コメントとして呼び出したディレクティブ。

たとえば、要素のタイプと適切なテンプレートをチェックするディレクティブを作成しました。リンク関数では、スコープ内の要素の属性タイプを確認し、必要なテンプレートを選択します。

ディレクティブを属性または要素として呼び出すと、すべて正常に機能します。ただし、コメントとして呼び出しても何も起こらず、出力は空です。

そのディレクティブのコードは次のとおりです。

app.directive('inQux', function ($compile) {
    var template, inQux, linker;

    template = {
        foo: '<div>I\'m foo. {{item.value}}</div>',
        bar: '<div>I\'m bar. {{item.value}}</div>'
    };


    linker = function ($scope, element, attrs) {
        var content = $compile(template[$scope.item.type])($scope);

        element.append(content);
    };

    inQux = {
        restrict: 'AME',
        replace: true,
        link: linker
    };

    return inQux;
});

リンクをたどることで完全な例を見つけることができます

それで、私の質問は、コメント ディレクティブのコンテンツを置き換える方法はありますか?

4

1 に答える 1