anglejsカスタムディレクティブのtemplateUrlを動的に変更する方法

Question

これは私の最初の質問です。状況を説明できることを願っています。012JAJangularJsのドキュメントhereは動的に返される関数としてdirective templateUrlを持っています。 Plunklerライブデモhereもあります。

.directive('....', function() { 
    return { 
    templateUrl: function(elem, attr){ 
     return **.... scope.Somthing ...**; 
    } 
    }; 
}); 

これまでに私が見つけた唯一の方法は、ディレクティブのスコープとの関連性を動的にTemplateUrlを設定することで機能がスコープパラメータを取らないと、これは主な問題

でこのよう

です

.directive('....', function() { 
    return { 
    link: function (scope, element, attrs) { 
     scope.getTemplateUrl = function() { 
     return **.... scope.Somthing ...**; 
     }; 
    }, 
    template: '<ng-include src="getTemplateUrl()"/>' 
    }; 
}); 

別の解決策は、私の最初の問題は、このことです

.directive('....', function() { 
    return { 
    controller: function ($scope) { 
     $scope.getTemplateUrl = function() { 
     return **.... scope.Somthing ...**; 
     }; 
    }, 
    template: '<ng-include src="getTemplateUrl()"/>' 
    }; 
}); 

です問題へのパッチのように見える

私の2番目の問題は、指示文でhtml文字列を構築する必要があります。

他の方法はありますか？

Answer 1

は2つの問題のために、あなたの問題を分割することができます：D

まず問題がjsファイルにテンプレートを保存する程度です。

この問題は、$ templateCacheを使用して、あなたがこの

第二の問題についての詳細を読むことができ

<script id="myTemplate.html" type="text/ng-template"> <div> SOME MARKUP <div> </script> 

Hereを注入すると、動的なテンプレートについてです解決することができます。 2つの解決策があります（私が知っている限り：D） すでに言及した最初の解決策 - ng-includeを使用します。

第2の解決方法は、$compileを使用して、角度指示文で動的にHTMLをコンパイルすることです。

2番目のケースでは、メモリリークについて常に覚えておく必要があるため、最初の解決策は少し良くなります。ここをクリックしてくださいinfoとhere