简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > js教程 > 正文

ng-click如何一次性传递多个参数

php中世界最好的语言
发布： 2018-05-03 10:45:07
原创
1583 人浏览过

这次给大家带来ng-click如何一次性传递多个参数，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, &#39;tom&#39;)">点击执行，多个参数</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>
登录后复制

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

JS里怎样验证E-mail 地址格式

Vue.js表单控件应如何使用

JS发送json格式POST请求有哪些方式

以上是ng-click如何一次性传递多个参数的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
一次性 多个
来源：php.cn
上一篇：Angular实现字母大小写转换步骤详解（附代码） 下一篇：txt文件怎样实现上传前预览
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
在移动视图中，当用户点击链接时，如何关闭此导航栏？ 当用户点击链接浏览网站时，导航栏没有关闭？我曾尝试向每个链接添加单击事件侦听器以关闭导航栏，但它不起作用！此外，处于活动位置（即X）的hamberberger菜单图标也没有很好地对...
来自于 2024-04-06 19:23:03
0
1
411
Angular 7 去除 SCSS 中的重复属性 AngularSASS(.scss)剥离属性。如何防止这种情况发生，以便我可以嵌入重复的属性以实现跨浏览器兼容性？要复制，请创建一个新的Angular7.2项目{"nam...
来自于 2024-04-04 23:28:54
0
1
1382
如果值存在，则获取记录总和，将其视为 1，而不是精确值 我需要“打开”为2并单击为1但现在我越来越喜欢打开为5并单击为2"SELECTCOALESCE(sum(requested),0)asrequested,COALESCE...
来自于 2024-04-04 16:49:24
0
1
338
判断数组中是否存在元素的过程是无效的 很抱歉打扰您，但我已经花了两个小时来解决这个问题。问题是我的代码只添加了一个元素，但没有添加其他id，写的是“已经有”$(function(){$(".js-compar...
来自于 2024-04-03 13:03:54
0
1
377
地面滤镜模糊过渡问题 按下按钮会模糊背景，但在过渡时，div的边缘过渡效果不佳。除了Firefox之外的所有浏览器都存在此问题，我该如何修复它？varbtn=document.querySelector...
来自于 2024-04-01 23:10:22
0
1
335
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！