Angular7上手體驗

2022-01-15 12:41:32 字數 2288 閱讀 2651

檢視當前你的node版本可以在cmd中輸入

開發工具強烈推薦

用cli命令建立 ng7demo

這裡前面我用ng7_demo的時候報錯

應該是不能用下劃線

這裡誇獎下,

7加入了cli prompts

建立的時候可以選是否啟用router 及 css用scss,sass等

暫時只有這2個prompts選項

進入檔案目錄

發現git init都幫我自動執行好了

`檔案目錄結構

先來執行下看看

開啟終端 快捷鍵ctrl+~

執行 ng serve

假如遇到

這個錯誤,執行下npm i node-sass@latest

我出這個錯是剛剛把node.js公升到了11.x,原來是10.0.0的

成功執行.這裡用ng serve --open可以自動開啟瀏覽器 http://localhost:4200/

這邊基本和以前的版本沒啥大變化.

angular官網還提供了老版公升級到7的助手

最低可以選到2.0 =>7.0 的公升級提示

檢視下package.json

"dependencies": ,

"devdependencies":

typescript 支援到 3.1.0+

rxjs 6.3.0 +

開啟angular.json

"budgets": [

]

可以找到這裡

這裡的作用是當你執行

ng build --prod

生成生產環境時

如果包大於2mb,那麼cli工具會提示你,

如果大於5mb,那麼不好意思,生成不了.直接中斷.

就裡好像小程式的2m單包限制一樣

看介紹沒找到本身初始專案的新變動

在cdk方面

2個東西很nice

這裡可以看到,頁面scroll中dom個數是沒有變化的,

這樣大列表的效能會提公升很多

支援自定義html tag下的內容投影

就像這樣 這裡放內容

難道終於可以間接的在小程式中用angular了麼?

這裡找到一篇文章

angular elements 元件在非angular 頁面中使用的demo

可以嘗試的看一下.下面應該會寫一編angular7下的

@ngrx/store的簡單使用教程

以及把angular elements應用到小程式裡的實驗

Angular 7 學習資料 (1)

angular 是乙個用 html 和 typescript 構建客戶端應用的平台與框架。angular 本身就是用 typescript 寫成的。它將核心功能和可選功能作為一組 typescript 庫進行實現,你可以把它們匯入你的應用中。angular 的基本構造塊是 ngmodule,它為元件...

Angular 7 自學總結 1

個人理解angular 建立乙個專案 專案目錄結構分析 主要需要知道的檔案 建立元件 如何在其他頁面復用元件?在新建立的元件中的news.component.ts檔案中,有乙個selector屬性就是名字,如果需要呼叫只需要在其他頁面中寫入 即可,這樣頁面 量少 復用率高。component 定義資...

Angular7需要的基本操作

angular4和vue2是越來越像了 全域性安裝angular cli 腳手架工具 使用npm命令安裝 npm install g angular cli 安裝cnpm 國內直接裝經常會出問題,所以設定為 映象位址會更好。npm install g cnpm registry 安裝angular ...