AngularJS - 刷新指令從控制器

我有一個指令，包括基於範圍變量的HTML文件。第一次加載HTML時，一切都很好。但是當範圍變量由ng-clic改變時，我不能記得指令。AngularJS - 刷新指令從控制器

這裏是我的指令：

my.directive('myType', function() { 
return { 
    restrict: 'A', 
    replace: true, 
    link: function($scope, element, attrs) {   
      var myHTML; 
      if ($scope.aType==1) myHTML = "aaaa"; 
      if ($scope.aType==2) myHTML = "bbbb"; 

      $scope.contentUrl = 'library/template/tmp-' + myHTML + '.html'; 
    }, 
    template: '<div ng-include="contentUrl"></div>' 
}});

$ scope.aType是，在NG-單擊更改範圍變量。在此先感謝。

來源

2015-04-21 user1683405

您需要添加一個ATYPE或watch某種事件，使你的代碼運行超過一次（上聯）：

是這樣的：

link: function($scope, element, attrs) {  
     $scope.$watch('aType', function(newVal, oldVal){ 
        var myHTML; 
        if ($scope.aType==1) myHTML = "aaaa"; 
        if ($scope.aType==2) myHTML = "bbbb"; 
        $scope.contentUrl = 'library/template/tmp-' + myHTML + '.html'; 
     }); 
    }

JSFIDDLE。

來源

2015-04-21 15:18:50

謝謝阿米爾。但現在也第一次模板不加載（指令不要在模板中調用ng-include） – user1683405

@ user1683405 - 我已編輯並添加JSFIDDLE。 –

它的工作原理！謝謝 – user1683405