码迷,mamicode.com
首页 > 移动开发 > 详细

angular 分离app.module.ts代码

时间:2017-12-17 22:14:08      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:mode   too   双向   imp   image   mod   app   rom   com   

当项目足够大时,app.module.ts 里import代码太多了,所以要分离。

 

只需要把单独模块中的引用分开写就好了:

技术分享图片
 1 import { NgModule } from ‘@angular/core‘;
 2 import { CommonModule } from "@angular/common";//<--NgIf、NgFor等指令
 3 import { FormsModule } from "@angular/forms"; //<-- NgModel lives here 双向绑定
 4 import { HeroesComponent } from ‘./heroes.component‘
 5 import { HeroDetailComponent } from ‘./hero-detail.component‘;
 6 
 7 
 8 @NgModule({
 9     imports: [
10         CommonModule,
11         FormsModule
12     ],
13     declarations: [
14         HeroesComponent,
15         HeroDetailComponent
16     ]
17 })
18 
19 export class HeroModule { }
技术分享图片

最开始一直报错,是因为

主要是imports: []
不能写下面的两个componet
我多写了。。有时想还是不够明白原理。

然后在app.module.ts中import就好了。

技术分享图片

 

angular 分离app.module.ts代码

标签:mode   too   双向   imp   image   mod   app   rom   com   

原文地址:http://www.cnblogs.com/yangfantianxia/p/8053282.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!