如何捕获Angular JS ng-click事件

时间:2015-02-20 00:52:35

标签: javascript html css angularjs

<button ng-click="btn_save">Save</button>
<button ng-click="btn_update">update</button>

我想为 btn-save anjular js ng-click事件显示警告 给我一些完成这项工作的最佳实践。

1 个答案:

答案 0 :(得分:3)

首先,您需要添加一个应用程序和一个控制器来实现您的逻辑。

应用程序逻辑进入控制器。 Aviod把它放在模板中。

示例:

<强>模板

<div ng-app="myApp">
<div ng-controller="MyCtrl">
 <button ng-click="btn_save()">Save</button>
 <button ng-click="btn_update()">update</button>
</div>

<强>控制器

var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
    $scope.btn_save = function(){
        alert("Button save clicked!")
    }
}

在这里,您将在控制器中实现btn_save逻辑。在这种情况下,当用户单击按钮时,该函数会抛出一个警告对话框。

这是小提琴https://jsfiddle.net/xeq23e19/

希望有所帮助。