命令行:

命令行含義簡寫

ng new 包名	生成項目包	ng n 包名
ng serve	啟動項目, 端口號4200	ng s
ng serve --open	啟動項目 并 在默認瀏覽器自動打開	ng s -o
ng generate component 組件名	生成組件	ng g c 組件名
ng generate directive 指令名	生成指令	ng g d 指令名
ng generate pipe 管道名	生成管道	ng g p 管道名

指令:

指令用法

{{}}	同 vue, 小程序. 在 html中書寫js 代碼
[innerHTML]	顯示 html 代碼
*ngFor=“let item of items; let i=index”	for循環
*ngIf=""	if判斷
[(ngModel)]	雙向數據綁定 注意事項: 必須手動掛載 Forms 模塊
[ngStyle]="{樣式名: 值, 樣式名: 值…}"	動態 style
[ngClass]="{樣式類名: true/false}"	動態 class
{{ 值 | 管道名 : 參數 : 參數… }}	管道, pipe; 對應vue中的 filter

總結

以上是生活随笔為你收集整理的Angular常用命令行和指令的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。