引用變量作爲指令模板內容

Question

是否可以將字符串變量設置爲模板的內容？ 我想根據範圍選擇兩個不同的模板。 類似這樣的：

define(['app'], function(app){ 
    app.directive('logstorelist', function(){ 
     var temp=""; 
     return{ 
      scope: true, 
      restrict: 'A', 
      link: function(s, e, a){ 
       if(a=="a") 
        temp = "<a>tempA</a>"; 
       else 
        temp = "<div>temp</div>"; 
      }, 
      replace: true, 
      template: temp 
     } 
    }) 
}); 

是這樣的可能嗎？

Answer 1

你可以只用一個模板，並使用ng-switch根據您的範圍變量（如果你不介意的額外<span>）來加載內容：

define(['app'], function(app){ 
    app.directive('logstorelist', function(){ 
     var temp=""; 
     return{ 
      scope: true, 
      restrict: 'A', 
      link: function(s, e, a){ 
       s.temp = a; 
      }, 
      replace: true, 
      template: 
      ' <span ng-switch="temp"> 
       <a ng-switch-when="a">tempA</a> 
       <div ng-switch-default>temp</div> 
      </span>' 
     } 
    }) 
});