如何仅在 js 文件中定义 ng 单击功能

How define a ng-click funciton only in a js file?

本文关键字:定义 ng 单击 功能 文件 何仅 js      更新时间:2023-09-26

大多数ng-click函数都是在html中定义的,如下所示:

<span type="button" id='test' ng-click="dosth()"></span>

并在控制器中定义函数,很多是这样的:

$scope.dosth = function () {};

,但是如果我们没有在 HTML 中添加函数,我们可以只在 js 文件中定义一个 jquery click 函数,如下所示:

<span type="button" id='test'></span>
$('#test').click(function() { do sth ... });

那么我们可以只在 js 文件中定义一个角度的 ng-click 函数吗?

是的,在指令中是最好的

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

myApp.directive("button", function(){
  return{
      restrict: 'A',
      link: function(scope , element){
         element.bind("click", function(e){
            // do something
         });
      }
  }
})