在角度指令和调用对象函数上应用范围

Question

此代码正常工作并使用父控制器作用域;

"<button type='button' post-random-feed >Post review</button>" 

.directive("postRandomFeed",['config',function(){ 
     return function(scope,element.attrs){ 

       element.bind("click", function(){ 
        scope.name ="henry"; 
        console.log(element); 
       }); 



    } 
}]); 

我的问题是，我想定义一个隔离的范围，并返回一个对象而不是指令中的函数。这是我的代码

"<button type='button' post-random-feed >Post review</button>" 

.directive("postRandomFeed",['config',function(){ 
     return { 

      restrict :"A", 

      scope : { 

        }, 

      irony : function(element, attrs) 
      { 
       element.bind("click", function(){ 
        console.log(element); 
       }); 


      } 
    }; 
}]); 

我如何调用该函数的讽刺使得元件注册click事件任何错误请指正。谢谢

Answer 1

这是你想要做的吗？ 您可以回调到控制器注册：

HTML：

<button type='button' post-random-feed on-irony="onControllerFn">Post review</button> 

指令：

.directive("postRandomFeed",['config',function(){ 
     return { 
      restrict :"A", 
      scope : {}, 
      link : function(scope, element, attrs) { 
       $timeout(function() { 
        scope.$emit(attr.onIrony); 
       }); 
      }); 

     } 
    }; 
}]); 

，并在控制器，你可以这样做：

$scope.$on('onControllerFn', function(event) { 
    // your code here 
});