第一步:全域性安裝 angular cli
(1)開啟npm(終端)安裝angular-cli
第二步:創造工作區和初始應用
第三步:啟動開發伺服器
(2)ng serve --open
第四部分:angular的一些元件
(1)component ngmodule
乙個裝飾器,用於把某個類標記為 angular 元件,並為它配置一些元資料,以決定該元件在執行期間該如何處理、例項化和使用。
input: 乙個裝飾器,用來把某個類欄位標記為輸入屬性,並且提供配置元資料。 宣告乙個可供資料繫結的輸入屬性,在變更檢測期間,angular 會自動更新它。
(2)angular 的雙向資料繫結語法:[(ngmodel)]
importfrom'@angular/forms';
(3)迴圈資料:*ngfor
例子:*ngfor
="let hero of heroes">
(4)條件判斷命令: *ngif
例子:*ngif
="selectedhero">
(5)事件繫結:(click)
例子:*ngfor
="let hero of heroes"(click)="onselect(hero)">
(6)class繫結來切換 css:[class.active](注:.active是使用者定義的class類)
例子:}
(7)屬性繫結:用中括號,比如屬性值hero [hero]
Angular7教程 05 搭建專案環境
本節以及後面的內容我們將會通過搭建乙個簡單的部落格程式來對angular進行介紹,專案使用前端框架是bootstrap.版本v3.3.7,另外需要安裝jquery.關於bootstrap,jquery的安裝方法第一篇中有講解,不再贅述。本節內容由於搭建頁面框架的關係,主要是bootstrap的內容,...
Angular7上手體驗
檢視當前你的node版本可以在cmd中輸入 開發工具強烈推薦 用cli命令建立 ng7demo 這裡前面我用ng7 demo的時候報錯 應該是不能用下劃線 這裡誇獎下,7加入了cli prompts 建立的時候可以選是否啟用router 及 css用scss,sass等 暫時只有這2個prompts...
Angular 7 學習資料 (1)
angular 是乙個用 html 和 typescript 構建客戶端應用的平台與框架。angular 本身就是用 typescript 寫成的。它將核心功能和可選功能作為一組 typescript 庫進行實現,你可以把它們匯入你的應用中。angular 的基本構造塊是 ngmodule,它為元件...