javascript - 如何捕捉 Angular JS 的 ng-click 事件

标签 javascript html css angularjs

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

我想缓存和显示 alert ng-click 事件btn-save anjular js .给我一些完成这项工作的最佳实践。

最佳答案

首先,您需要添加一个应用程序和一个 Controller ,您将在其中实现您的逻辑。

应用程序逻辑进入 Controller 。避免将其放入模板中。

例子:

模板

<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 逻辑的 Controller 中。在这种情况下,该函数会在用户单击按钮时抛出一个警告对话框。

这是 fiddle https://jsfiddle.net/xeq23e19/

希望对您有所帮助。

关于javascript - 如何捕捉 Angular JS 的 ng-click 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28619894/

相关文章:

javascript - 下拉列表在 Knockout KoGrid 中不起作用

javascript - 添加没有html的文本悬停图像

html - Bootstrap 网格列不下降

css - 内部 Div 插入外部 Div

javascript - 在不同的 div 中分别使用 jQuery 创建动态元素

javascript - 蛇吃食物(HTML5 Canvas 游戏)

javascript - 带有 DataTable.net 数据表的 ASP.Net Core 2.1 不显示任何数据

javascript - 使用 selenium 在 javascript 中获取具有类名的元素列表

jquery - 基于 slider 内容的 DIV 高度在下一张幻灯片上折叠

javascript - Angular4 专注于组件