Angular8入門-4 狀態管理

Angular也有redux,mobx等第三方庫，原生直接使用Service方式也夠用

1、先看下Angular強大的命令

ng generate component example 生成組件帶有模版

ng generate component example -it 生成內聯模版（不會單獨生成html文件）

ng generate directive my-directive - 生成一個新指令

ng generate pipe my-pipe - 生成一個新管道

ng generate service my-service - 生成一個新服務

ng generate route my-route - 生成一個新路由

ng generate class my-class - 生成一個簡易的模型類

以下可能常用的命令參數有:

--flat 表示是否不需要創建文件夾

--inline-template (-it) 模板是否應該放在ts文件里

--inline-style (-is) 樣式是否應該放在ts文件里.

--spec 是否需要創建spec文件(測試文件)

--view-encapsulation (-ve) View Encapsulation策略 (簡單理解為樣式文件的作用范圍策略).

--change-detection (-cd) 變化檢查策略.

--prefix 設定這個component的前綴

--dry-run (-d), 打印出生成的文件列表, 而不直接生成.

2、創建service

 

 3、打開下圖文件，添加一個狀態變量

 

 4、修改登錄組件

 

 

 

 5、運行結果

 

 6、下面是不成功的寫法

 

 使用service要通過構造函數

基本上這四篇知識夠寫簡單頁面了，總體上感覺還是挺簡單的，網上說的入門難，可能就是差幾篇入門文章吧！