ng事件中为变量的参数

最新推荐文章于 2023-06-19 09:54:19 发布
最新推荐文章于 2023-06-19 09:54:19 发布
阅读量141 收藏
点赞数
原文链接：http://www.cnblogs.com/lodingzone/p/4892551.html
版权

之前学习Angular时碰到过这种问题，绑定事件中传参为变量的问题。

举个例子吧，比如有这么一段代码：

<button type='button' ng-click="showMsg(msg)">click me<button>

如果ng-click中的事件参数msg是一个表达式，你是不是想应该showMsg({{msg}})?

NO！就像我代码中写的，直接写变量值，不用加花括号便可。

有意思的是你运行页面，查看元素发现该标签中事件的参数还是msg，但是已经功能却跟{{msg}}一样，ng会把该变量自动转化成表达式，所以你无须担心，只管用就行了。

转载于:https://www.cnblogs.com/lodingzone/p/4892551.html

andao1961
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Nginx 常用变量
时光静好的博客
07-27 453
nginx配置变量 ◆ 含义： “变量”是Nginx 内部保存的运行时HTTP/TCP 请求相关数据，可以在编写配置文件时任意引用，在配置文件里使用变量需要以“”开头，例如”开头，例如”开头，例如request_method 、args、args 、args、uri 等 ◆ 常见的变量： $uri 当前请求的 URI，但不含“？”后的参数 $args 当前请求的参数，即“？”后的宇符串 $arg_xxx 当前请求里的某个参数，“arg ”后是参数的名字 $http_xxx 当前请求里的 xxx 头部对应的
ng路由参数
yo_123的专栏
04-09 748
http://stackoverflow.com/questions/21097820/angular-ui-router-how-to-access-parameters-in-nested-named-view-passed-from http://stackoverflow.com/questions/26138140/angularjs-ui-router-location-
ng 变量和常量服务
weixin_30651273的博客
06-07 105
<!DOCTYPE html> <html ng-app="myApp"> <head lang="en"> <meta charset="UTF-8"> <script src="js/angular.js"></script> <title></title> ...
angularjs ng-click 传参数
信念堤岸
04-14 4313
1.html 删除 2.js   var self = this;   self.deleteWorksheet = function (str) {         var getID = str;         alert(getID);            }
ng-click
weixin_33881050的博客
07-11 273
ng-click 指令告诉了 AngularJS HTML 元素被点击后需要执行的操作。 <element ng-click="expression"></element> 用ng-click， 你可以设置一个变量，用变量的值来控制你要显隐的区域，通过 ng-show。 比如： xxxxx // 对controller里的值操作 ng-click="...
Shell中特殊参数变量和特殊状态变量汇总
01-20
在Shell脚本编程中，特殊参数变量和特殊状态变量扮演着至关重要的角色，它们提供了对脚本执行环境的深入理解和控制。以下是对这些变量的详细解释： **特殊参数变量** 1. `$#`：这个变量表示传给Shell脚本的参数个...
expect中为send语句上加变量的代码
01-10
代码如下:#!/usr/bin/expectset ssh_user “fivetrees”set password “123456”spawn ssh -i /root/.ssh/$ssh_user root@xiaopp.3f.comexpect_before “no)?” {send “yes\r” }sleep 1expect “Enter passphrase...
javascript中为某个元素指定事件的三种方式
10-25
- **事件参数**：第二、三种方法可以访问`event`对象，获取如`target`等事件相关信息，而第一种方法不行。 - **代码组织**：推荐使用第二、三种方法，因为它们更利于将HTML结构和JavaScript逻辑分离，使代码更易于...
JavaScript中为事件指定处理程序的五种方式分析
10-18
主要介绍了JavaScript中为事件指定处理程序的五种方式,结合实例形式简单分析了JavaScript事件处理的相关原理与事件指定处理程序的五种常用方式,需要的朋友可以参考下
JS全局变量和局部变量最新解析
10-22
而在普通函数中，如果不在任何对象内部调用，`this`通常指向全局对象，即在浏览器环境中为`window`。在`GodDamnTest1`和`GodDamnTest3`的例子中，可以看到`this`的这个行为。 局部变量的生命周期仅限于其所在的作用...
【angular】angular如何让传递变量参数+ng-change的使用
weixin_30627341的博客
08-24 485
HTML： 1 <div class="form-group"> 2 <label class="col-sm-2 control-label">商户名称</label> 3 <div class="col-sm-4"> 4 <input type="text" class="...
详解Nginx系列—Ngx中的变量
大树叶 技术专栏
05-18 269
顺风详解Nginx系列—Ngx中的变量:https://blog.csdn.net/ok449a6x1i6qq0g660fv/article/details/80276506 rewrite 的用法：https://blog.csdn.net/liuxiao723846/article/details/54925328 nginx 配置$Query String：https://blog.csdn.net/liuxiao723846/article/details/54925328 nginx qu.
Angular使用操作事件指令ng-click传多个参数示例
weixin_30875157的博客
08-25 890
本文实例讲述了Angular使用操作事件指令ng-click传多个参数功能。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset="UTF-8"> <title>www.jb51.net angu...
Nginx变量漫谈
wang11876的博客
06-19 1709
至此，本系列教程对Nginx变量的介绍终于可以告一段落了. 我们在这个过程中接触到了许多标准的和第三方的Nginx模块, 这些模块让我们得以很轻松地构造出许多有趣的小例子, 从而可以深入探究Nginx变量的各种行为和特性. 在后续的教程中, 我们还会有很多机会与这些模块打交道.
ng-click参数传递
jie310600的博客
05-09 2241
[code="java"] 点我($event) 点我(aa) var app = angular.module('myApp', []); app.controller('myController', function ($scope) { $scope.aa...
Nginx 配置中的变量参数
哦，你怎么又来了
08-21 1007
$args #请求中的参数值 $query_string #同 $args $arg_NAME #GET请求中NAME的值 $is_args #如果请求中有参数，值为"?"，否则为空字符串 $uri #请求中的当前URI(不带请求参数，参数位于$args)，可以不同于浏览器传递的$request_uri的值，它可以通过内部重定向，或者使用index
nginx的配置参数以及变量
晴空万里
05-16 5468
nginx的配置参数以及变量 课程内容 配置参数 全局变量 配置参数 daemon：是否以守护进程的方式运行nginx daemon on | off ，默认值为on; 守护进程是脱离终端并且在后台运行的进程，他脱离终端是为了避免进程执行过程中的信息在任何终端上 显示，这样一来，进程不会被任何终端所产生的信息所打断。nginx毫无疑问是一个需要以守护进程的方式 运行的服务 master_process：是否以master/worker方式工作 master_process on | off ，默认值为on
输出参数不是绑定变量_每日学点---nginx变量使用方法详解(2)
weixin_39673293的博客
12-14 316
关于 Nginx 变量的另一个常见误区是认为变量容器的生命期，是与 location 配置块绑定的。其实不然。我们来看一个涉及“内部跳转”的例子： server { listen 8080; location /foo { set $a hello; echo_exec /bar; } location /bar { echo "a = [$a]"; } }这里我们在 location /fo...
AngularJS ng-init 应用初始化时定义变量
houyanhua1的专栏
04-28 4930
demo.html：&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;AngularJS&lt;/title&gt; &lt;script src="angular.min.js"&g
react中为点击空白区域绑定事件
最新发布
07-12
在React中，你可以使用事件处理和DOM操作来为点击空白区域绑定事件。下面是一个示例： ```jsx import React, { useEffect, useRef } from 'react'; function App() { const boxRef = useRef(null); useEffect(() => { document.addEventListener('click', handleClickOutside); return () => { document.removeEventListener('click', handleClickOutside); }; }, []); const handleClickOutside = (event) => { if (boxRef.current && !boxRef.current.contains(event.target)) { console.log('点击了空白区域'); } }; return ( <div> <div ref={boxRef}> 这是一个盒子 </div> </div> ); } export default App; ``` 在上面的示例中，我们使用`useRef`来创建一个名为`boxRef`的引用，用于获取盒子元素的引用。 然后，在`useEffect`钩子中，我们添加了一个事件监听器来监听整个文档的`click`事件，并调用`handleClickOutside`函数来处理点击事件。 在`handleClickOutside`函数中，我们首先检查`boxRef.current`是否存在，以确保盒子元素已经渲染到DOM中。然后，我们使用`contains`方法来判断点击事件的目标元素是否在盒子元素内部。如果点击事件的目标元素不在盒子元素内部，那么就可以认为点击的是空白区域。 你可以根据自己的需求，进一步改进代码和逻辑。希望这个示例能帮助到你！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值