angular2專案教程 微型Blog系統3

2021-07-28 14:23:22 字數 928 閱讀 5107

js太多,就會http請求很多

js少,單個檔案又太大

這需要設計者權衡

——————————————————

模組和共享模組

共享模組:sharedmodule和postsharedmodule

匯入到manage和user模組

——————————————————————

模組懶載入

loadchildren點到路徑的時候才載入這個模組,非同步載入

第三種元件傳遞引數,路由

manage.routes.ts,接收

constructor(public router: router,

public activeroute: activatedroute)

ngoninit() );}

——————————————————————————————————————————

n層巢狀的路由

manage.routes.ts設定路由

children: [,,

,,,,

,]—————————————————————————————————————

路由守衛:

做一些安全防護,判斷有沒有許可權進入指定路由

肯定是向後端傳送個請求看是否有許可權進入這個頁面

canactivate: [authguard],

————————————————————————————————

路由兩種方式:帶#號的hash,restful風格的路徑,需要利用h5的pushstate,需要服務端適當的配置

angular2專案教程 微型Blog系統1

照應的ppt 1.ng build prod aot angular cli會在專案根目錄下生成乙個dist目錄,裡面就是編譯 壓縮好的檔案了。2.ng serve 啟動服務,修改了檔案,瀏覽器改變 3.ng serve prod aot 就會 變小 建立乙個元件 ng g c user user....

angular2專案教程 微型Blog系統2

route,module,component 靜態路由 這樣配置,依賴的元件全打包,會很大。非同步路由,就不會 loadchildren 架構思想 元件化,依賴注入,資料繫結 雙大括號和 ngmodel 值繫結,事件繫結 元件間通訊 共享元件 給子元件傳引數。component export cla...

angular2專案關於動畫的處理

animations動畫在angular2官網裡面已經講解很詳細了,那麼動畫功能在實際專案中應該如何組織檔案,動畫檔案放在哪個位置,如何來組織結構使得動畫模組和其他模組之間運作調理清晰呢,下面參照nicefish來講解一下 一 定義動畫 拿乙個例子來簡單分析一下 import from angula...