AngularJs中ng-include加载有抖动现象怎么解决呢

lyf1991a 2015-10-10 10:17:10

AngularJs中ng-include加载有抖动现象怎么解决呢

...全文

272 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

公西雒 2016-02-26

打赏
举报

回复

试试ng-view，我用ng-view没遇到过抖动。

北若西 2016-02-26

打赏
举报

回复

我也有同样的问题，你解决了吗？

编辑推荐《精通AngularJS》指出AngularJS诞生于Google，已用于开发多款Google产品。它是一套JavaScript前端框架，用于开发当下流行的数据驱动的单页面Web应用。其核心特性是：MVC、模块化、自动双向数据绑定、语义化标签、依赖注入等。作者简介 Pawel Kozlowski有15年以上的Web开发经验，接触过多种Web技术、语言和平台。他精通客户端和服务器端编程，并始终在寻找能提高生产率的工具和流程。Pawel是自由和开源软件的坚定支持者，他在AngularJS 社区非常活跃，为AngularJS项目贡献了大量的代码。他也对Angular UI （AngularJS的配套框架）有所贡献，并为AngularJS 提供了Twitter Bootstrap 相关的指令（directives）。不写代码时，Pawel 常在会议与活动上为AngularJS布道。 Peter Bacon Darwin已经积累了20年以上的编程经验，他在.NET发布之前，就已经用它工作了。他还对IronRuby的开发有所贡献。他曾在Avanade和IMGROUP做IT顾问。退休后，自由开发和照顾孩子占用了他大部分的时光。Peter是AngularJS社区的名人。他最近加入了Google的AngularJS团队。他还是Angular UI项目的创始成员。他曾在Devoxx UK和其他活动中发表过有关AngularJS的演讲，并开办过AngularJS的培训课程。他希望帮助企业更好地利用AngularJS。目录序1 第1章Angular之禅7 11邂逅AngularJS7 熟悉框架8 参与AngularJS项目8 社区8 在线学习资源9 库和扩展9 工具9 Batarang10 Plunker与jsFiddle10 IDE扩展和插件10 12AngularJS速成10 HelloWorld——AngularJS示例10 双向数据绑定12 AngularJS中的MVC模式12 鸟瞰13 深入作用域15 视图21 模块与依赖注入26 模块26 协作对象27 注册服务29 模块的生命周期33 模块依赖35 13AngularJS和其他框架38 jQuery与AngularJS39 苹果与橙子40 窥视未来41 14总结41 第2章构建与测试43 21介绍示例应用44 熟悉问题领域44 技术栈45 持久化存储46 MongoLab46 服务器端环境47 第三方JavaScript库48 BootstrapCSS48 22构建系统48 构建系统准则49 自动化所有事情49 尽早报错，清晰报错49 不同的工作流，不同的命令50 构建脚本同样是代码50 工具50 Gruntjs51 测试库与工具51 Jasmine51 Karmarunner52 23组织文件和目录52 根目录52 进入源代码目录54 AngularJS的特定文件54 轻装上路56 深入测试目录57 文件命名约定57 24AngularJS模块和文件57 一个文件，一个模块58 模块内部59 注册provider的不同语法59 声明配置和运行块的语法61 25自动化测试62 单元测试63 剖析Jasmine测试64 测试AngularJS对象65 测试服务65 测试控制器67 Mock对象和异步代码测试68 端对端测试70 日常工作流71 Karmarunner的提示与技巧72 执行测试子集73 调试73 26小结74 第3章与后端服务器通信75 31使用$http进行XHR和JSONP请求75 熟悉数据模型和MongoLabURLs76 $httpAPI快速导览76 配置对象说明77 转换请求数据78 处理HTTP响应79 转换响应数据79 处理同源政策约束79 利用JSONP克服同源政策约束80 JSONP的限制81 利用CORS克服同源政策约束81 服务器端代理83 32promiseAPI与$q84 工作中的promise和$q服务85 学习$q服务的基础知识85 promise是第一类JavaScript对象87 聚合回调88 注册回调和承诺的生命周期88 异步动作的链式调用89 关于$q的其他91 AngularJS中的$q集成93 33promiseAPI与$http94 34与RESTful端点通信95 $resource服务95 构造级与实例级方法97 $resource创建异步方法100 $resource服务的限制101 使用$http自定

内置指令 ng-app ng-app指令用于告诉 AngularJS 应用当前这个元素是根元素。所有 AngularJS 应用都必须要有一个根元素。 HTML 文档中只允许有一个ng-app 指令，如果有多个ng-app指令，则只有第一个会被使用。 <element ng-app="modulename"> ... 在 ng-app 根元素上的内容可以包含 Angula...

clipboard指令适用于任何可点击元素：-- 按钮 -->-- 链接 -->-- 自定义标签 -->">📋内部原理是通过事件代理，在元素上覆盖一层透明 Flash 控件（尺寸匹配），拦截鼠标点击事件。性能建议：- 避免在大量重复元素上同时使用（如 ng-repeat 中每项都添加），可能导致内存占用过高；- 对列表项建议采用委托模式，统一管理单个 ZeroClipboard 实例。

AngularJS 是JavaScript的一个框架。它是JavaScript 编写的一个库。是AngularJS为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了。**AngularJS通过使用我们称为标识符(directives)的结构，让浏览器能够识别新的语法。**例如：1）使用双大括号{{}}语法进行数据绑定；2）使用DOM控制结构来实现迭代或者隐藏DOM片段；3）支持表单和表单的验证；4）能将逻辑代码关联到相关的

注：这篇文章是由思源华更新2016年1月17日。更换不必要setTimeout和clearTimeout调用与ng-model-option去抖动特性和$watch的服务。 .success() / .error()已经过时，更新使用.then(success_callback, error_callback)来代替。修复损坏的海报图像。如今，它已是司空见惯的Web应用程序通过相...

87,996

社区成员

224,693

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章