父控制器的角度切換指令

Question

當父控制器中的某些元素發生事件時，如何顯示/隱藏指令？

 app.directive('rest', function(){ return { restrict: 'E', scope: false, replace: true, link: function(scope, elem, attr) { }, templateUrl: '<div ng-show="showDirective"></div>', } }); 

 <div ng-controller="AppCtrl"> <rest></rest> <div ng-click="showDirective = false"><div> <!-- hide directive --> <div ng-click="showDirective = true"><div> <!-- show directive --> </div> 

Answer 1

在這里，您的錯誤是“ templateUrl”而不是“ template”。 當您提供html內聯用戶“模板”時，當您在單獨的html文件中提供html時，請使用“ templateUrl”並提供html模板的網址：

http://plnkr.co/edit/xzqOvcjKYfWxazWfHWyS?p=preview

  .directive('rest', function(){
    return {
      restrict: 'E',
      scope: false,
      replace: true,


  link: function(scope, elem, attr) {

  },   
  template: '<div ng-if = "showDirective" >Test</div>',
}