angular笔记_9

<style>

.red{background:red}

</style>

失去焦点
<input type="text" ng-model="title" ng-model-options="{updateOn:‘blur‘}">
{{title}}
<hr/>
3秒后
<input type="text" ng-model="name" ng-model-options="{debounce:3000}">
{{name}}
<hr/>
失去焦点或者3秒后更新
<input type="text" ng-model="city" ng-model-options="{updateOn:‘default blur‘,debounce:{default:3000,blur:0}}">
{{city}}

<div ng-class="{red:true}">
aaaaa
</div>

时间： 2024-12-20 11:38:51

angular笔记_9的相关文章

Angular笔记

如何在平级界面模块间进行通信有两种方法: 一种是共用服务. 一种是基于事件. 共用服务: 在 Angular 中,通过 factory 可以生成一个单例对象,在需要通信的模块 a 和 b 中注入这个对象即可. 基于事件: 这个又分两种方式: 第一种是借助父 controller.在子 controller 中向父 controller 触发( $emit )一个事件,然后在父 controller 中监听( $on )事件,再广播( $broadcast ) 给子 controller ,这

angular 笔记

angular的controller对象:$scope 其中的属性$$watchers是一个被监视的数组,数组里面包含了被设置到html模板中$scope对象的属性. 如$scope.name = 'me'; <span>{{name}}</span> 监视数组中的对象就多了一个监视name这个属性的对象,对象的属性有eq,exp(),fn(),get(),last等 eq:个人理解是否是表达式, exp:个人里理解是如果是表达式,那么就是表达式本身,不是表达式,就是基本的变量,则

angular笔记_2

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script><

angular笔记_3

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script><

angular笔记_1

第一个angular文件<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> <div ng-app="hd" ng-controller="ctrl"> <h2>{{name}}</h2> <h1 ng-bind="name"

angular笔记_5(全选/反选)

全选和反选 BUG:当鼠标点击其中一个选项后,在点击全选按钮,该选项失效 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angul

angular笔记_7

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> &l

angular笔记_8(事件)

ng-click 鼠标点击 ng-dblclick 鼠标双击 ng-change value改变 ng-blur 失去焦点 ng-focus 焦点关注 ng-keydown 键盘点击 ng-keyup 键盘抬起 ng-mouseenter 鼠标进入 ng-mouseup 鼠标抬起 ng-mouseleave鼠标离开 ng-mousemove

angular笔记_10

过滤器 currency:1:2:3 与货币相关第一个参数是符号第二个参数是保留小数点几位 number:1 数字参数是保留小数点几位 lowercase 小写 uppercase 大写 limitTo:1:2 字符串处理第一个参数是截取长度,第二个