第一篇文章是: "使用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
可以看到生成了兩個(gè)module.
看一下routing module:
再看一下app module:
已經(jīng)把AppRoutingModule import了進(jìn)來.
再看一下app.component.html:
router-outlet已經(jīng)寫上了. 很好.
下面再生成兩個(gè)components:
ng g c dashboard ng g c order
然后在app-routing.module里面設(shè)置路由:
再修改一下html:
運(yùn)行一下應(yīng)用: ng serve -o
嗯. 沒問題.
針對(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 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.
隨后需要修改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ì)看到:
所以沒問題.
生成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)