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

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

ngChange

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

格式:ng-change=”value”

value: 表达式。

使用代码:

(function () {    angular.module("Demo", [])    .controller("testCtrl", testCtrl);    function testCtrl() {        this.fn = function () {          console.log(this.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://urgya.baihongyu.com/

你可能感兴趣的文章
P1666 前缀单词
查看>>
HTML.2文本
查看>>
Ubuntu unity安装Indicator-Multiload
查看>>
解决Eclipse中新建jsp文件ISO8859-1 编码问题
查看>>
7.对象创建型模式-总结
查看>>
1、块:ion-item
查看>>
【论文阅读】Classification of breast cancer histology images using transfer learning
查看>>
移动端处理图片懒加载
查看>>
jQuery.on() 函数详解
查看>>
谈缓存和Redis
查看>>
【转】百度地图api,根据多点注标坐标范围计算地图缩放级别zoom自适应地图
查看>>
用户调研(补)
查看>>
ExtJS之开篇:我来了
查看>>
☆1018
查看>>
oracle 去掉空格
查看>>
6.13心得
查看>>
Runtime类
查看>>
eclipse decompiler
查看>>
记一个搜索网盘资源的网站
查看>>
jdk1.7和jdk1.8的String的getByte方法的差异
查看>>