AngularJS - 来自 Controller 的刷新指令

Question

我有一个包含基于范围变量的 HTML 文件的指令。
第一次加载 HTML 时，一切都很好。但是当 ng-clic 更改范围变量时，我无法调用指令。

这是我的指令:

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-click 上更改的范围变量。
提前致谢。

Answer 1

您需要添加 watch在 aType 或某种事件上使您的代码运行不止一次(在链接上):

像这样的东西:

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 .