博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Angular - - ngChange、ngChecked、ngClick、ngDblclick
阅读量:6283 次
发布时间:2019-06-22

本文共 867 字,大约阅读时间需要 2 分钟。

ngChange

当用户更改输入时,执行给定的表达式。表达式是立即进行执行的,这个和javascript的onChange事件的只有在触发事件的变化结束的时候执行不同。

格式:ng-change=”value”

value: 表达式。

使用代码:

(function () {    angular.module("Demo", [])    .controller("testCtrl", testCtrl);    function testCtrl() { var vm = this; vm.fn = function () { console.log(vm.inputValue); }; }; }());

这个指令就是对输入的值做个监听,当发现值变化的时候,你需要让我做什么操作我就做什么操作咯。 

 

ngChecked

HTML规范不允许浏览器保持boolean值属性,就像checked。(他们存在是true,不存在即为false)如果我们将一个 Angular表达式转换为这样一个属性,那么绑定的信息将会在浏览器移除这个属性的时候消失。ngChecked 指令解决了checked这个属性的问题。这个补充的指令不会被浏览器移除,并且提供一个永久可靠的地方来存储绑定的信息。

格式: ng-checked=“value”

value:表达式  结果是个boolean类型

使用代码:

 

偷偷的说下,这个指令在做选择配置的时候挺有用的哦。

 

ngClick

ngClick指令允许当一个元素被点击后执行指定的表达式。

格式:ng-click=“value“

value:表达式

使用代码:

{ {count}}

鼠标单击事件,不用多说。

 

ngDblclick

ngDblclick指令允许你在dblclick事件上执行指定的表达式。

格式:ng-dblclick=“value”

value:表达式

使用代码:

{ {count}}

鼠标双击事件,无需解释

转载地址:http://mcxva.baihongyu.com/

你可能感兴趣的文章
java中注解的使用与实例(一)
查看>>
Alisha’s Party(队列)
查看>>
Cocos2d-x3.0游戏实例《不要救我》第十篇(结束)——使用Json配置数据类型的怪物...
查看>>
Textview 文本旋转,倾斜
查看>>
secureCRt中文乱码问题
查看>>
将List<Map>中的datas转换为json格式写入文件
查看>>
将 tomcat 安装成 windows 服务
查看>>
建立一个node.js服务器(使用express搭建第一个Web环境)
查看>>
Sql — CTE公用表表达式和With用法总结
查看>>
mysql update中需要根据条件列更新写法update case
查看>>
AJAX里调用AJAX,作定时进度刷新
查看>>
IOS修改webView背景透明以及IOS调用前台js的方法
查看>>
Iterating elements using NightWatchJS
查看>>
运行自己的 DaemonSet - 每天5分钟玩转 Docker 容器技术(131)
查看>>
Android studio动态调试
查看>>
Vue-cli + Express 构建的SPA Blog(前后分离)
查看>>
黄聪: $(document).click() 在iphone上不触发事件解决办法
查看>>
[Err] 1062 - Duplicate entry '0' for key 'PRIMARY'
查看>>
怎么保证系统可靠性
查看>>
autoHotKey 一些脚本积累
查看>>