
AngularJS directive为DOM元素绑定enter事件
例如在表单提交的场景,用户敲击回车键实现登录操作: <!DOCTYPE html> <html ng-app=”app”> <head> <title>angular</title> <meta charset=”utf-8″> <script src=”angular.js”></script> </head> <body> <div n … 继续阅读

AngularJS expression中插入html
有时候我们需要在angular表达式中写入html结构并被浏览器解析,而不是当作字符串来处理,如下所示: <!DOCTYPE html> <html ng-app=”app”> <head> <title>angular</title> <meta charset=”utf-8″> <script src=”angular.js”></script> </head> … 继续阅读

AngularJS controller通信
父控制器向子控制器通信 <!DOCTYPE html> <html> <head> <title>Broadcasting</title> <script src=”angular.js”></script> </head> <body ng-app=”app”> <div ng-controller=”parentCtrl” style=”border:2p … 继续阅读

AngularJS中创建自定义指令(directive)
在angular中,angular.module返回一个module对象,module对象拥有directive方法,directive方法可以用来创建自定义指令,自定义指令可以使html标签语义化。 先看一个实例: <html> <head> <meta charset=”utf-8″> <title>自定义指令</title> <script src=”angular.js”>& … 继续阅读

jQuery、jqLite 与 angular.element
angular.element用法 angular.element(element); angular.element在已经加载jQuery的情况下使用jQuery方法(1.0.1中直接将jQuery对象赋值给angular.element),否则使用JQLite方法。 当angular.element使用JQLite方法时,参数element不能是tag name 和 CSS selector,如果需要标签名查找可以使用angular.element(document).find(…)或$ … 继续阅读

AngularJS component 通信
angular.module(‘hellosolarsystem’).component(‘hello’, { template: ‘<h3><input ng-model=”name”>{{name}}{{$ctrl.greeting}} solar sytem!</h3>’ + ‘<button ng-click=”$ctrl.toggleGreeting()”>toggle greeting</button>’, controll … 继续阅读

AngularJS如何更新bindings
Angular让我们将我们的界面的部分绑定到JavaScript代码中的数据,但是如何知道数据何时更新,页面需要更新? 一种策略是使用特殊对象,其中通过方法设置数据,而不是属性分配。然后可以注意到更改,可以更新页面。这有缺点,我们必须extend一些特殊的对象。另外,为了分配,我们必须使用更详细的obj.set(‘key’,’value’)形式,而不是obj.key =’value’。像EmberJS和KnockoutJS这样的框架使用这个策略。 Angular采用不同的方法:允许任何值作为绑定 … 继续阅读
