Angular之RouterModule的forRoot与forChild

Angular 提供了一种方式来把服务提供商从模块中分离出来，以便模块既可以带着 providers 被根模块导入，也可以不带 providers 被子模块导入。

区别：

`forRoot` creates a module that contains all the directives, the given routes, and the router service itself

`forChild` creates a module that contains all the directives and the given routes, but does not include the router service.

RouterModule的元数据

@NgModule({declarations: ROUTER_DIRECTIVES, exports: ROUTER_DIRECTIVES
})

RouterModule定义的指令

const ROUTER_DIRECTIVES = [RouterOutlet, RouterLink, RouterLinkWithHref, RouterLinkActive];

转载于:https://www.cnblogs.com/sea-breeze/p/9106434.html

Angular之RouterModule的forRoot与forChild相关推荐

Angular NgModule
NgModule 1,定义 NgModule 是一个带有 @NgModule 装饰器的类,代表一个模块. 2,作用 NgModule把组件.指令和管道打包成内聚的功能块,每个模块聚焦于一个特性区域.业 ...
关于Angular 4 + ng-zorro 使用过程中遇到的问题
写在前面由于现在网络上Angular 4的相关技术文档不是很充分,我写出这个采坑的记录文档,一方面是想给自己在项目中遇到的各种问题与个人的理解记录下来,另一方面也想着某些坑大家可能也会遇到,也可以给 ...
angular学习-2021.5
angular学习笔记 1.基本概览模块 Module 组件 Component 指令 Directive 服务 Service 路由 Router 2. 模块Module 2.1 模块的含义 2. ...
angular框架简介基础与使用（全文2w8字）前端框架angular
写在前面本文的所有内容,可以在我的博客上看到,下面是地址.建议去博客看,因为csdn的这篇图片我没上传. 可以转载,但请注明出处我的博客-点击跳转 https://numbrun.gitee.io ...
Angular路由--基本用法
2019独角兽企业重金招聘Python工程师标准>>> 路由就是将链接和组件联系起来的桥梁,最基本的用法是将一个URL所对应的组件在页面中显示出来,这里说明一下使用路由的基本流程内容 ...
angular中forRootforChild的作用
angular中forRoot&forChild的作用用法 import { NgModule, ModuleWithProviders } from '@angular/core'; im ...
Angular应用的路由指令RouterLink
Angular应用的路由指令RouterLinkapp Component html源代码: <h1>{{title}}</h1> <nav><a route ...
flask框架视图和路由_角度视图，路由和NgModule的解释
flask框架视图和路由 Angular vs AngularJS (Angular vs AngularJS) AngularJS (versions 1.x) is a JavaScript-ba ...
[小黄书管理平台]Angularjs 2.0应用的国际化
通过上一章,我们学习了Angularjs 2.0的基础知识以及对ng2-admin后台管理模板有了初步的了解. 这一章我们的计划是让ng2-admin支持上中文语言,并学习ng2的国际化相关知识. n ...

Angular之RouterModule的forRoot与forChild

区别：

RouterModule的元数据

RouterModule定义的指令

Angular之RouterModule的forRoot与forChild相关推荐

最新文章

热门文章