相关疑难解决方法(0)

我有一个复杂布局的应用程序,用户可以放置(拖放)小部件(通过从预定义的100多个小部件中选择),其中每个小部件都是一个显示一组数据的自定义实现(使用REST调用获取)以特定的方式.我已经阅读了大量的博客文章,stackoverflow问题和官方AngularJS文档,但我无法弄清楚我应该如何设计我的应用程序来处理那些要求.看看演示应用程序,有一个单独的模块(ng-app),当在.js文件中构建它时,依赖模块被声明为它的依赖项,但是我有一大组小部件,不知何故不建议全部描述它们那里.我需要建议以下问题:

• 我应该如何设计我的应用程序和小部件 - 我应该有一个单独的AngularJS模块,或者每个小部件应该是主模块的指令吗？
• 如果我将我的窗口小部件设计为指令,是否有一种方法可以在指令中定义依赖关系.也就是说我的指令在其实现中使用ng-calender？
• 如果我将每个窗口小部件设计为单独的模块,是否有办法将窗口小部件模块作为依赖项动态添加到主模块？
• 我应该如何设计控制器 - 每个小部件可能有一个控制器？
• 如果我在视图中有相同类型的多个小部件,我应该如何分离状态(范围)？
• 使用AngularJS设计可重用小部件是否有最佳实践？

编辑

有用的参考:

• ocLazyLoad - AngularJS的优秀延迟加载库
• 种子项目 - 模块+路由更改时的延迟加载(ES6,systemjs,ocLazyLoad)
• 在AngularJS中加载延迟
• 使用AngularJS和RequireJS动态加载控制器和视图
• 在Application Bootstrap之后使用RequireJS加载AngularJS组件
• 关于在GitHub上延迟加载AngularJS资源的演示项目
• 按需加载项目
• 仅在需要时动态注入模块
• 另一个在Angular文章中的延迟加载
• 大型AngularJS和JavaScript应用程序中的代码组织

大家好,我一直试图这样做,几天没有运气.

无论如何都要异步加载一些js脚本(包含角度模块)并在初始化后将它们注入正在运行的应用程序.

基本上我有一个容器DOM元素,将填充从服务器请求的一些HTML,基于这个HTML代码,我将决定将需要哪些js文件(模块),然后加载它们异步地将模块注入角度应用程序并编译新注入模块的内容.

我试过,但是每次我执行引导方法时,主控制器都会启动并擦除所有范围状态.:(

这附近有什么帮助吗？

我的角度应用取决于第三方角度服务:

var app = angular.module("ninjaModule", ['angular-google-analytics']);

只要我的广告拦截插件关闭,该应用就可以正常加载.但是,如果广告拦截器出现角度$injector:nomod错误,则无法加载整个应用.

我正在寻找一种优雅地处理这些错误的方法,因此无论广告拦截器如何,都能够加载应用程序.如果angular-google-analytics不存在 - 那很好,它并不重要,我可以处理它或设置一些后备.但整个应用程序崩溃的情况对我来说不是一个选择.有任何想法吗？

确切地说 - 我不想解决广告拦截器问题,例如重命名我的脚本文件.我期待一个有角度的尝试捕捉魔法技巧.

Plunker:http://plnkr.co/edit/sbEG6vclPidPSNGV5Bsa