[英]How to call link function method from html ng-click?
我的指令中包含以下代码:
testModule.directive('TestOne',function(){
return{
replace: true,
controller: 'TestCtrl',
link: function(scope, element, attrs){
element.on('click', function(e) {
//my own code is there
});
}
}
}
我想用html(ng-click =“ mytest()”)中的以下事件在ng-click上调用上述click函数。 如何准确地调用或编写代码,以便可以根据需要在上述指令的元素单击函数中执行功能要求。
HTML:
<div test-one ng-repeat="items in testjson">
<div class="title">{{items.name}}</div>
<div class="context-menu">
<ul>
<li ng-click="mytest()">TestFunction</li>
</ul>
</div>
</div>
提前致谢。
首先使指令的首字母简单
directive('TestOne',function(){
至
directive('testOne',function(){
然后为链接函数内的ng-click创建一个作用域函数
.directive('testOne',function(){
return{
restrict : 'A',
replace: true,
link: function(scope, element, attrs){
scope.mytest = function() {
console.log("working")
}
}
}
})
演示
angular.module("app",[]) .controller("ctrl",function($scope){ $scope.testjson = [{"name":"sss"},{"name":"ssss"}] }).directive('testOne',function(){ return{ restrict : 'A', replace: true, link: function(scope, element, attrs){ scope.mytest = function() { console.log("working") } } } })
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="app" ng-controller="ctrl"> <div test-one ng-repeat="items in testjson"> <div class="title">{{items.name}}</div> <div class="context-menu"> <ul> <li ng-click="mytest()">TestFunction</li> </ul> </div> </div> </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.