您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

Angular使用ng-click传递多个参数

2025/8/7 8:43:47发布17次查看
这次给大家带来,angular使用ng-click传递多个参数的注意事项有哪些,下面就是实战案例,一起来看一下。
<!doctype html><html ng-app="myapp"><head>  <meta charset="utf-8">  <title>angular ng-click用于操作事件的指令</title>  <script src="angular.min.js"></script>  <!-- 事件指令:angular封装的用于操作事件的指令 通常是ng-[event]来命名指令,如ng-click表示单击事件 angular中的事件处理,需要将处理函数挂载到对应控制器的$scope上 --></head><body>  <p ng-controller="myctrl">    <button ng-click="fn1()">点击执行</button>    <button ng-click="fn2($event)">点击执行,附带事件对象$event</button>    <button ng-click="fn2($event, 'tom')">点击执行,多个参数</button>  </p><script>  var app = angular.module(myapp, [])    .controller(myctrl, [$scope, function($scope) {      $scope.fn1 = function() {        alert(事件执行);      }      $scope.fn2 = function(event,name) {        console.log(事件执行了., event, name);      }    }]);</script></body></html>
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
html字符串转换为html标签并使用
js中new()如何改变构造函数返回值与this指向
以上就是angular使用ng-click传递多个参数的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product