香蕉大伊亚洲人在线观看,亚洲爆乳精品无码一区二区三区,亚洲AV无码成人精品区日韩

使用AngularJS与服务器通讯

Fri, 27 Feb 2015 10:39:00 GMT

先给一个例子：
$http. get('/remote/item' ). then(function(response) {
console.log('成功�?);
}, function(errResponse) {
console. error('出错.' );
});

一。介�l�Promise
在这个例子中�Q?http.get()函数�q�回了一个Promise对象, 有了�q�个对象�Q�我们才能很方便地直接在后面��d��then函数的定义�?br />Promise对象在AngularJS中是一个非帔R��要的存在。它提供了强大的功能和便利性�?br />
1。异步�?br />从定义的语法上看�Q�操作似乎是同步的，但是Promise的工作其实是异步的，只有在服务端�q�回数据后，后箋的函数才会被调用。这是一个事仉��动，非阻塞式的框架�?br />
2。它避免了其它框架的嵌套回调函数的缺炏V�?br />�Q�所有异步�Q务都会返回一个Promise对象
�Q�每个Promise对象都有一个then函数�Q�then函数有两个参敎ͼ�分别是成功处理函数和��p�|处理函数
�Q�失败处理函数和成功处理函数都只会在异步处理完成后被调用一��?br />�Q�then函数也会�q�回Promise对象�Q�这��P��我们可以把多个函��C��q��v来成��Z��个函数链
�Q�成功处理函数和��p�|处理函数的返回值可以被传递到函数链下一个的函数�?br />�Q�如果在成功�Q�或者失�?处理函数中，又开始了一个异步调用，那么函数链中的函数将会在�q�个异步调用�l�束后才开�?br />
二。异步链式调用的后箋处理
假如我们定义了如下的函数链：
$http.get('/item').then(s1, e1).then(s2, e2).then(s3, e3);
我们如何自主的根据函数链中每个函数的�q�行�l�果�Q�决定触发后�l�函数的成功处理函数或者失败处理函数呢�Q?br />比如��_��在s1处理�q�程中，发生问题�Q�于是我们触发了e2, 但是在e2处理完后�Q�我们又惌��发s3.
AnguarJS提供�?q来满��L��需求�?br />如果我们惌��发函数链中下一个函数的成功处理�Q�我们只需要最后给��Z��个返回��|��有了�q�回��|��AngularJS会认为函数执行正��，自动调用下一个函��C��的成功处�?br />如果惌��发失败处理，那么可以��单地�q�回$q.reject(data)�Q�这样就会触发下一个函数的��p�|处理

云自无心水自�?/a> 2015-02-27 18:39 发表评论

AngularJS中的依赖注入和服�?service)

Mon, 09 Feb 2015 11:28:00 GMT

在前文（http://m.tkk7.com/usherlight/archive/2015/02/01/422633.html�Q�中我们曄��介绍�q�，定义controller�Ӟ��需�?个参敎ͼ��W�一个参数是controller的名�U�ͼ��W�二个参数是一个数�l�，数组的最后一个元素将是controller的函敎ͼ�前面的参数是controller的依赖项。我们现在就来仔�l�分析一下其中的具体�q�程�?br />
先给一个例子：

angular. module('notesApp' , [])
. controller('MainCtrl' , ['$log' , function($log) {
var self = this;
self. logStuff = function() {
$log. log('The button was pressed' );
};
}])

在这个例子中可以看到�Q�我们在�W�一个参��C��用字�W�串�Q�服务名�U�ͼ��d��了一个依赖项。当我们通过字符串声明了�q�一个服务之后，我们��可以把它当作一个变量注入到函数中。AngularJS会自动查扑֭��W�串名称对应的服务名�Q�按照顺序将其注入到函数中�?br />

myModule.controller("MainCtrl", ["$log", "$window", function($l, $w) {}]);
在这个例子中�Q?log, $windows是AngularJS自带的两个服务，在数�l�中通过名称声明后，会被注入到函数的两个参数中�?br />比较常用的AngularJS自带的服务有�Q?window, $location, $http�{?br />
从上面的例子中可以看出，AngularJS的设计思想��是不要在函��C��自己��d��例化或者通过其它途径来获取服务的实例�Q�而是声明需要的对象�Q�由AngularJS来注入具体的实例�?br />
创徏自己的服�?br />什么时候应该创建服务，而不是controller呢？
1�?需要重用的时�?br />2。需要保留应用��的状态。这是非帔R��要的一点，controller是会不断地被创徏和销毁的�Q�如果需要保存应用��的状态，��需要��用service
3。和��面昄��无关
4。需要和�W�三�Ҏ��务整�?br />5。缓�?br />
服务是会被�g�q�加载的�Q�也��是说只有在�W�一�ơ被引用的时候，才会被创建�?br />服务��会被定义一�ơ，也只会被实例化一�ơ�?br />

云自无心水自�?/a> 2015-02-09 19:28 发表评论

Tue, 03 Feb 2015 11:36:00 GMT

07. ng-repeart

a. 在��@环map的时候，会自动根据键��D��行排序�?/div>

b. 一些自带的变量�Q?first(是否是第一�?, $last(是否是最后一�?, $middle(是否是中间的), $index(下标�Q�根据键值排序后的下�?, $even, $odd

08. 自己定义新变量时不要使用$$开头�?/div>

09. 可以使用track-by表达式来优化对DOM的操作，对DOM对象使用从数据库取得的ID来进行标讎ͼ��q�样的话�Q�当我们重复多次从数据库中取出相同的数据的时候，DOM对象��p��够被重用�?/div>

10. 数据双向�l�定的好�?/div>

a. 如果我们��x��变页面Form中的数��|��我们不需要在Javascript中，�Ҏ��ID或者名�U�来查找相应的Form控�g�Q�只需要改变Controller变量的��|��不需要JQuery的Selector,也不需要findElementByID

b. 如果我们惛_��javascript中获取Form控�g的��|��在控件的变量中就能直接获得�?/div>

11. 使用ng-submit比在button上��用ng-click要好一些。HTML的表单的提交有多�U�方式，比如在输入域中按回�R键就会触发ng-submit�Q�而不会触发button的ng-click事�g�?/div>

12. 在ng-model中，可以直接引用一个对�?比如�Q?lt;input type="text" ng-model="ctrl.user.name">�Q�而不需要事先在model中以self.user={}定义。在AngularJS中，使用了ng-model的话�Q�AngularJS在初始化数据�l�定的时候，自动创徏其中的对象和键倹{��在刚才的例子中�Q�一旦用户开始在输入域中键入�W�一个字母，用户user��׃��被自动创建�?/div>

13. 推荐使用��相��x��据集中到一个对象的方式来进行数据绑定，比如�Q�用户名和密码，推荐使用�Q?/div>

而不是：

云自无心水自�?/a> 2015-02-03 19:36 发表评论

Sun, 01 Feb 2015 11:19:00 GMT

1. AngularJS的module函数有两�U�用法，

a. 定义一个module, 需要传�?个参敎ͼ�module('moduleName', []), �W�一个参数是新的module名称�Q�第二个参数是新module所依赖的module数组�?/div>

b. 载入一个module, 只需�?个参敎ͼ�module('moduleName'), 唯一的一个参数指定要载入的module名称�?/div>

2. 使用controller函数来定义一个控制器(controller), 用ng-controller��控制器�l�定到具体的HTML�l��g上。定义控制器的controller函数也需�?个参敎ͼ��W�一个是控制器名�U�ͼ��W�二个参数同样也是一个数�l�，数组的最后一个元素就是controller本��n的函敎ͼ�前面的元素用字符串的形式指定光��要的依赖��V��如果没有依赖项�Q�那��只需要定义函数。比如：

angular.module('app1', [])

.controller('mainControl', [function() {

console.log('controller created.');

}]);

3. 在controller函数中用var定义的局部变量，在HTML中是不可见的�?/div>

4. 推荐在controller函数中尽量避免直接引用this, 比较好的做法是��用代理。原因是一个函��C��的this关键词在被外部调用的时候，是会被覆盖掉的。这��L��话，在函数内部和外部的this会是完全不同两个对象�?/div>

代理用法�C�Z��Q?/div>

angular.module('app1', [])

.controller('mainControl', [function() {

var self = this;

self.message = 'Hello world';

self.changeMessage = function() {

self.message = 'Goodbye.';

};

}]);

5. ng-bind与双大括��L��区别, ng-bind和{{}}可以说基本上是可以互相替换的�Q�但是也有区别。区别在于：AngularJS在启动的时候就会执行ng-bind, 而{{}}的替换时间会�E�晚一些。有可能发现��面在加载的时候，双括可��一闪而过地替换掉�Q�只在页面初�ơ加载的时候发生）。但是ng-bind��没有这个问题�?br /> 6. ng-cloak可以用于解决双括号闪现的问题�?/div>

云自无心水自�?/a> 2015-02-01 19:19 发表评论

Sat, 31 Jan 2015 12:36:00 GMT

1. HTML��面的加载，�q�会触发加蝲��面包含的所有JS (包括 AngularJS)

2. AngularJS启动�Q�搜��L��有的指��o(directive)

3. 扑ֈ�ng-app�Q�搜��d��指定的模�?Module)�Q��ƈ��其附加到ng-app所在的�l��g上�?/div>

4. AnguarJS遍历所有的子组�Ӟ��查找指��o和bind命��o

5. 每次发现ng-controller或者ng-repeart的时候，它会创徏一个作用域(scope)�Q�这个作用域��是�l��g的上下文。作用域指明了每个DOM�l��g对函数、变量的讉K��权�?/div>

6. AngularJS然后会添加对变量的监听器�Q��ƈ监控每个变量的当前倹{��一旦值发生变化，AngularJS会更新其在页面上的显�C��?/div>

7. AngularJS优化了检查变量的��法�Q�它只会在某些特�D�的事�g触发�Ӟ��才会��L��查数据的更新�Q�而不是简单地在后��C��停地轮询�?/div>

云自无心水自�?/a> 2015-01-31 20:36 发表评论