Angular2 模块
文章平均质量分 73
yuemei_1991
这个作者很懒,什么都没留下…
展开
-
(一)什么是Angular模块?
原文链接:https://angular-2-training-book.rangle.io/handout/modules/introduction.html 什么是Angular模块?在Angular中,模块是一种用于组合相关联组件,指令,管道和服务的机制,可以与其他模块组合以创建应用程序。 一个Angular应用程序可以被认为是一个拼图,每个部分(或每个模块)能够看到完整的图片。为了理解翻译 2017-08-25 02:37:14 · 940 阅读 · 0 评论 -
(二)向模块添加组件,管道和服务
原文链接:https://angular-2-training-book.rangle.io/handout/modules/multiple-elements.html在上一节中,我们学习了如何使用一个组件创建一个模块,但是我们知道情况并非如此。 我们的模块通常由多个组件,服务,指令和管道组成。 在本章中,我们将使用自定义组件,管道和服务来扩展我们以前的示例。我们首先定义一个新的组件,我们将用来显翻译 2017-08-25 04:57:51 · 301 阅读 · 0 评论 -
(三)创建功能模块
原文链接:https://angular-2-training-book.rangle.io/handout/modules/feature-modules.html当我们的根模块开始增长时,最开始显而易见的是,某些元素(组件,指令等)在某方面相关联,几乎感觉他们属于可以被“插入”的库。在我们前面的例子中,我们开始看到了。 我们的根模块具有组件,管道和服务,其唯一目的是处理信用卡。 如果我们将这三个翻译 2017-08-26 00:54:23 · 418 阅读 · 0 评论 -
(四)指令重复
原文链接:https://angular-2-training-book.rangle.io/handout/modules/directive-duplications.html因为我们不再在需要每个组件中直接定义它所需的组件和指令,所以我们需要注意Angular模块如何处理具有相同的选择器的组件和指令。让我们假设一段时间,错误地,我们创建了两个selector属性相同的指令:该示例是官方文档中找翻译 2017-08-26 01:14:55 · 516 阅读 · 0 评论 -
(五)懒加载模块
原文链接:https://angular-2-training-book.rangle.io/handout/modules/lazy-loading-module.html使用模块来组合我们应用程序的相关功能的另一个优点是能够根据需要加载这些片段。 Lazy加载模块可帮助我们减少启动时间。 通过懒惰加载,我们的应用程序不需要一次加载所有内容,只需要加载用户在首次加载应用程序时看到的内容。 只有当用翻译 2017-08-26 01:28:23 · 689 阅读 · 0 评论 -
(六)懒加载和依赖注入树
原文链接:https://angular-2-training-book.rangle.io/handout/modules/lazy-load-di.htmlLazy加载的模块在依赖注入(DI)树上创建自己的分支。 这意味着有可能拥有属于延迟加载的模块的服务,这些模块无法由根模块或任何其他热插拔的应用程序模块访问。为了显示这个行为,我们继续上一节的例子,并向我们的LazyModule添加一个Cou翻译 2017-08-26 01:36:34 · 789 阅读 · 0 评论 -
(七)共享模块和依赖注入
原文链接:https://angular-2-training-book.rangle.io/handout/modules/shared-modules-di.html现在我们已经证明,惰性加载的模块在依赖注入树上创建了自己的分支,我们需要学习如何处理通过共享模块导入的服务,这些服务是在一个渴望和惰性加载的模块中。我们来创建一个名为SharedModule的新模块,并在那里定义CounterS翻译 2017-08-26 01:45:19 · 860 阅读 · 0 评论 -
(八)共享相同的依赖注入树
原文链接:https://angular-2-training-book.rangle.io/handout/modules/shared-di-tree.html到目前为止,我们的问题是我们正在DI树的不同级别创建相同服务的两个实例。 在树的下部分支中创建的实例正在遮蔽根级别定义的实例。 解决方案? 为避免为延迟加载的模块在DI树的较低级别创建第二个实例,并且仅使用在树根的注册的服务实例。为了实现翻译 2017-08-26 02:02:58 · 362 阅读 · 0 评论