1.安裝node.js
node -v 檢測 node.js 是否安裝成功 npm -v 檢測 npm包 是否安裝成功
2.安裝 angular cli
npm install -g @angular/cli
3.安裝cnpm
1.新建專案
2.手動安裝依賴
cnpm install
3.執行
ng serve --open
4.新建元件
ng g component components/news
5.新建服務
ng g service services/storage
1.定義資料的幾種方式
msg = '直接賦值，預設使用public型別'；
public msg = '繫結變數屬性'；
//屬性修飾符共有三種 public protected private 區別在於作用域
public username:string='張三';
//如果不清楚資料型別，使用any
public student:any='電科11701 李四';
--------------
}2.定義物件
public user：any=
------------}}
3.定義陣列
arr=['1', '2', '3'];
public list:any=['我是第乙個','我是第二個','我是第三個'];
public items:array=['我是第乙個','我是第二個','我是第三個'];
![在這裡插入描述](
引入
條件判斷*ngif
條件選擇*ngswitch
已經支付
支付成功
已經發貨
已經收貨
無效訂單
條件選擇*ngclass ngstyle
class
[ngclass]
[ngclass]選擇改變樣式
例項1.迴圈陣列，讓陣列第乙個元素的樣式是red}、 }
style
ngstyle
ngstyle
管道 }
} 事件
執行事件
獲取資料
改變資料
獲取事件物件
表單事件 事件物件
表單：雙向資料繫結 只是針對表單
}
恢復值預設
獲取
Angular學習筆記 Angular生命週期
生命週期函式通俗的講就是元件建立 元件更新 元件銷毀的時候會觸發的一系列的方法。當 angular 使用建構函式新建乙個元件或指令後，就會按下面的順序在特定時刻呼叫這些生命週期鉤子方法。當 angular 使用建構函式新建乙個元件或指令後，就會按下面的順序在特定時刻呼叫這些生命週期鉤子方法 鉤子用途...
Angular學習筆記
1.nodejs 2.npm 3.cnpm 4.yarn 4.vscode 1.建立專案的 命令 ng new project name style scss 引數 style 使用的css型別,可以是css,sacc,scss,less,預設值是css 2.初始化node modules 命令 1...
angular學習小結
staticprovider 和 injector 通過injector.create將staticprovider轉化為injector create options injector 複製 平台例項描述，createplatform和createplatformfactory工廠建立生成，也可以...