angular6入門之安裝angular cli

2021-09-13 16:55:11 字數 601 閱讀 4299

最近聽了大漠老師分享的angular6的講解(附個鏈結大漠老師課程:像是沙漠中發現了綠洲一樣,決定好好學習一番,於是準備開始動手擼起**來。首先需要做些準備安裝angular-cli(window環境下的安裝)的最新版本。

1.由於之前安裝的是angular-cli v1的版本,需要解除安裝了,安裝最新的版本。

npm uninstall -g @angular/cli  解除安裝舊版本cli。

npm cache clean 清除快取,確保解除安裝乾淨

具體參考:

2.安裝最新版本cli v6

npm i -g @angular/cli@latest

the official node.js version that is supported is 8.9 and greater.

nvm use 8.9.1運用這個版本的node。

切換到8.9.1, 再執行node -v時,出現問題:

此軟體無法執行,真是一波三折啊,(具體解決辦法參考: ) 也可不通過nvm,而是去node官網下的版本8.10.0,然後用nvm切換到新版本的node,就可以開始使用angular-cli了。

angular6 表單驗證

按照官網執行 npm install g angular cli再執行ng serve open報錯 1.匯入formsmodule。2.把formsmodule新增到ngmodule裝飾器的imports列表中,這樣應用就能訪問模板驅動表單的所有特性,包括ngmodel。響應式表單 import ...

Angular6 前端搭建

本次開發使用angular6結合ng zorro完成前端的開發。本次組內的前端由我來搭建。本次搭建過程是在前輩的基礎上做的,所以有一些可以復用的功能為本次搭建節省了很多的時間,不過這個學習的過程還是很寶貴的。1 angular開發使用,目前實踐典型專案有itoo pc端 physical pc端。2...

angular6 模板引用

模板引用變數 var 模板引用變數通常用來引用模板中的某個 dom 元素,它還可以引用 angular 元件或指令或web component。使用井號 來宣告引用變數 phone placeholder phone number click callphone phone.value callbu...