Angular 指令詳解

2022-03-20 18:13:09 字數 860 閱讀 1610

1. angular安裝

1.1 因為angular一般是用npm安裝,所以需要先裝npm. npm的安裝一般用nodejs. 所以把nodejs裝好,npm也就裝好了。

1.2 配置npm的映象,使用國內的映象。

npm config set registry=

檢查是否設定成功: npm config list

2. 安裝angular cli

2.1 安裝typescript.

npm install -g typescript 

(因為angular 2.0之後是用的typescript)

2.2  安裝angular cli

npm install -g @angular/cli

3. angular命令詳解

3.1 生成新的工程以及初始化

3.2 執行agular程式

ng serve --open

3.3 新增新的元件

ng g component homepage

(g 是generate的縮寫)

3.4 新增新的路由

先介紹router 作用:

a. 瀏覽器位址列輸入位址之後跳轉。

b. 在頁面上點選鏈結跳轉到新的頁面。

c. 點選瀏覽器的前進和後退,導向之前或之後的頁面。

3.5 生成服務 

指令:ng g service yourservice

angular自定義指令詳解

在運用angularjs的時候,運用自定義指令可以寫一些元件,非常方便。這裡給大家分享一些關於angular自定義指令的知識。對於指令,可以把它簡單的理解成在特定dom元素上執行的函式,指令可以擴充套件這個元素 的功能。directive mydirective function timeout,u...

Angular頁面指令

分為元件帶模板的指令,結構性指令改變宿主文件結構 ngif ngswitch ngfor 屬性性指令改變宿主行為 ngmodel ngstyle ngclass innerhtml 將value作為html標籤來解析 textcontent 將value作為文字解析 ngif ngif 如果vlau...

angular基礎 指令

指令 directive 可以理解為沒有模版的元件,它需要寄宿在乙個元素上 宿主 host 1.hostbinding 繫結宿主的屬性或樣式 import from angular core directive export class griditemdirective 2.hostlistene...