一、安裝最新版本的nodejs
首先在控制台用node -v 和npm -v來看一上當前的版本。老版本會出現錯誤。
二、全域性安裝angular cli 腳手架工具
1.使用npm命令安裝
npm install -g @angular/cli
2.npm可能會安裝失敗,可以切換到**映象:
npm install -g cnpm --registry=
3.使用cnpm安裝
cnpm install -g@angular/cli
三、建立專案
1.建立專案,執行命令:
2.進入剛才建立的專案並啟動服務
cnpm install //安裝依賴
ng serve --open //啟動專案
四、建立元件
ng g component components/home
angular4專案啟動步驟
1.安裝node 安裝完成後,在命令列工具輸入 node v 可驗證是否安裝成功 2.配置 映象源npm config set registry taobao org配置完成後可通過npm config get registry驗證是否配置成功 3.安裝cnpmnpm install g cnpm安...
angular4學習 建立結構性指令
import from anguar core directive export class unlesscomponent input set condition boolean elseif condition 建立了乙個與 ngif 相反的結構性指令 viewcontainerref可以將乙個...
Angular4 實現動態Form
在最近的專案中遇到動態form表單的問題,遇到很多編輯的地方,而且編輯的form表單很多內容,大概幾十個字段,而且有不同的型別,有文字框,也有下拉列表,有時間控制項,還有數值控制項等等,如果採用硬編碼的方式會有很多問題,量太大,容易漏資料,很容易出錯 於是正好找到angular有類似的例子,參考這裡...