第一篇文章是: "使用angular cli生成angular5項(xiàng)目" ://m.survivalescaperooms.com/article/136621.htm

第二篇文章是: "使用angular cli從藍(lán)本生成代碼" ://m.survivalescaperooms.com/article/137031.htm

我們知道使用 ng g module admin 將會(huì)生成admin module.

而使用 ng g m sales --routing 則將會(huì)生成sales和 sales-routing 兩個(gè)module.

sales-routing里面就是路由的信息, 并且它被import到了sales module 里面.

為應(yīng)用生成路由.

先創(chuàng)建一個(gè)項(xiàng)目:

ng new my-routing --routing

可以看到生成了兩個(gè)module.

看一下routing module:

再看一下app module:

已經(jīng)把AppRoutingModule import了進(jìn)來(lái).

再看一下app.component.html:

router-outlet已經(jīng)寫(xiě)上了. 很好.

下面再生成兩個(gè)components:

ng g c dashboardng g c order

然后在app-routing.module里面設(shè)置路由:

再修改一下html:

運(yùn)行一下應(yīng)用: ng serve -o

嗯. 沒(méi)問(wèn)題.

針對(duì)一個(gè)應(yīng)用里面有多個(gè)module的情況.

再生成一個(gè)module, 并且?guī)е酚蒻odule (可以先使用-d參數(shù)查看將要生成的文件):

ng g m admin --routing

在admin module里面, 再創(chuàng)建一個(gè)admin component:

ng g c adminng g c admin/email -m adminng g c admin/user -m admin

實(shí)際上后兩個(gè)命令的-m參數(shù)可以去掉, 因?yàn)橐呀?jīng)指定了路徑 admin/, 這樣默認(rèn)就會(huì)在 admin module里面進(jìn)行聲明而不是app module.

隨后需要修改app.module:

把a(bǔ)dmin module加入進(jìn)去.

然后修改admin.component.html, 加入router-outlet:

然后修改admin-routing.module.ts:

運(yùn)行: ng serve -o

直接輸入地址:http://localhost:4200/admin

可以看到:

而輸入網(wǎng)址:http://localhost:4200/admin/email

則會(huì)看到:

所以沒(méi)問(wèn)題.

生成Gurad.

ng g guard xxx

這個(gè)命令將會(huì)生成xxx.guard.ts

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。