欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

使用AngularCLI生成路由的方法

第一篇文章是: "使用angular cli生成angular5項(xiàng)目" :https://www.jb51.net/article/136621.htm

為遵化等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù),及遵化網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站制作、成都網(wǎng)站建設(shè)、遵化網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長期合作。這樣,我們也可以走得更遠(yuǎn)!

第二篇文章是: "使用angular cli從藍(lán)本生成代碼" :https://www.jb51.net/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

使用Angular CLI生成路由的方法

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

看一下routing module:

使用Angular CLI生成路由的方法

再看一下app module:

使用Angular CLI生成路由的方法

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

再看一下app.component.html:

使用Angular CLI生成路由的方法

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

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

ng g c dashboard
ng g c order

使用Angular CLI生成路由的方法

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

使用Angular CLI生成路由的方法

再修改一下html:

使用Angular CLI生成路由的方法

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

使用Angular CLI生成路由的方法

使用Angular CLI生成路由的方法

嗯. 沒問題.

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

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

ng g m admin --routing

使用Angular CLI生成路由的方法

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

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

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

使用Angular CLI生成路由的方法

隨后需要修改app.module:

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

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

使用Angular CLI生成路由的方法

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

使用Angular CLI生成路由的方法

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

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

可以看到:

使用Angular CLI生成路由的方法

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

則會(huì)看到:

使用Angular CLI生成路由的方法

所以沒問題.

生成Gurad.

ng g guard xxx

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

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。

文章標(biāo)題:使用AngularCLI生成路由的方法
本文來源:http://chinadenli.net/article48/ihodep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作網(wǎng)站建設(shè)定制開發(fā)虛擬主機(jī)云服務(wù)器標(biāo)簽優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)