angular.js 使用(一)

1. ng-bind-html  可以加载一段html 代码 进div 或者 其他 标签,

比如: <div ng-bind-html="message.content"></div>


2.ng-switch指令根据表达式显示或隐藏对应的部分。

对应的子元素使用ng-switch-when指令,如果匹配选中选择显示,其他为匹配的则移除。

你可以通过使用ng-switch-default指令设置默认选项,如果都没有匹配的情况,默认选项会显示。

3.$timeout

$timeout指令对window.setTimeout做了一个封装,它的返回值是一个promise对象.当定义的时间到了以后,这个promise对象就会被resolve,回调函数就会被执行.

剪短的例子:

$timeout(function() {

$('#popTips').modal('hide');

},2000);

Promise是异步编程的一种解决方案,比传统的解决方案(回调函数和事件)更合理更强大.

Promise对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成)和Rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。

(在ES6中 有专门的章节 去讲 promise.这就不细说了)

4.ocLazyLoad 实现动态(懒)加载模块和依赖

这一点挺重要,专门拉出了章节去看




4.AngularJS 服务(Service)

使用了内建的 $location 服务获取当前页面的 URL

$location.absUrl()


所有的services都是singleton(单例)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容