有條件裝載模板的角度指令

Question

我試圖加載指令是有條件的模板，爲示例 -

.directive('truncate',["$window", function($window, $compile){ 
    return { 
     restrict: 'A', 
     templateUrl: 'template/truncate.html', 
     link: function (scope, element, attrs) { 
     var height = element[0].offsetHeight; 
     var shouldBetruncated = height>200; 
     if(shouldBetruncated){ 
      // want my template to load here, otherwise template is not loaded 
     }; 
     } 
    } 
}]) 
.run(function ($templateCache) { 
     $templateCache.put('template/truncate.html', 
      'template code' 
     ); 
}) 

反正是有達致這？

Answer 1

/*This will solve you problem*/ 


link: ... 
templateUrl: function() { 
    if(shouldBetruncated) { 
     return 'template/truncate.html'; 
    } else { 
     return ''; 
    } 
} 

欲瞭解更多信息，你可以通過HTML模板或基於條件

Answer 2

嘗試......

.directive('truncate',["$window", function($window, $compile){ 
    return { 
    restrict: 'A', 
    templateUrl: 'template/truncate.html', 
    link: function (scope, element, attrs) { 
    var height = element[0].offsetHeight; 
    shouldBetruncated = height>200; 
    if(shouldBetruncated){ 
     loadTemplate(); 
    }; 
// function loadTemplate -- begins 
var loadTemplate = function ($templateCache) { 
      $templateCache.put('template/truncate.html', 
     'template code' 
    ); 
     }; 
// -- ends 

    } 

}} ]）;