手机版

Angular使用操作事件指令ng-click传递多个参数

时间:2021-08-31 来源:互联网 编辑:宝哥软件园 浏览:

本文用操作事件指令ng-click来说明角度传递多个参数的功能。分享给大家参考,如下:

!doctype html ng-app=' myapp ' head meta charset=' utf-8 ' titlewww.jb51.net angular ng-click操作事件说明/title script src=' http : angular . min . js '/script!-事件指令:Angular封装的操作事件的指令通常是ng-[event]来命名指令。例如,ng-click表示单击事件Angular中的事件处理。需要将处理函数挂载到对应控制器的$作用域上-/头体div ng-controller=' my ctrl ' button ng-click=' fn1()' click to execute/button button ng-click=' fn2($ event)' click to execute。附带事件对象$ event/button button ng-click=' fn2($ event,' Tom ')单击执行,多个参数/button/div script varapp=angular . module(' myapp ',[])。控制器(' myctrl ',['$ scope ',函数($ scope){ $ scope . fn1=function(){ alert('事件执行');} $ scope.fn2=函数(事件,名称){console.log('事件已执行'。事件、名称);} }]);/script/body/html运行如下:

更多对AngularJS感兴趣的读者可以查看本网站的主题:《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》和《AngularJS MVC架构总结》

希望本文对AngularJS编程有所帮助。

版权声明:Angular使用操作事件指令ng-click传递多个参数是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。