angular 笔记

angular的controller对象：$scope

其中的属性$$watchers是一个被监视的数组，数组里面包含了被设置到html模板中$scope对象的属性。

如$scope.name = ‘me‘;

<span>{{name}}</span>

监视数组中的对象就多了一个监视name这个属性的对象，对象的属性有eq,exp(),fn(),get(),last等

eq:个人理解是否是表达式，

exp：个人里理解是如果是表达式，那么就是表达式本身，不是表达式，就是基本的变量，则是内部方法。

$$watchers的意义：让任何绑定了这个controller中的元素在变化的时候遍历这个$$watchers数组中的值，如果改变，那么就改变这个html模板中的值并且也改变了controller中的值，所以angular的双向绑定就这意思吧

时间： 2024-12-21 02:48:25

angular 笔记的相关文章

Angular笔记

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

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笔记_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-mod

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                         字符串处理 第一个参数是截取长度,第二个