Angular 7 學習資料 (1)

2021-09-11 14:57:46 字數 808 閱讀 2348

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

angular 的基本構造塊是 ngmodule,它為元件提供了編譯的上下文環境。 ngmodule 會把相關的**收集到一些功能集中。angular 應用就是由一組 ngmodule 定義出的。 應用至少會有乙個用於引導應用的根模組,通常還會有很多特性模組。

其主要可以分為一下幾大類:

ngmodule 是乙個帶有 @ngmodule() 裝飾器的類。@ngmodule() 裝飾器是乙個函式,它接受乙個元資料物件,該物件的屬性用來描述這個模組。其中最重要的屬性如下:

import       from '@angular/core';

import from '@angular/platform-browser';

@ngmodule()

ngmodule 為其中的元件提供了乙個編譯上下文環境。根模組總會有乙個根元件,並在引導期間建立它。 但是,任何模組都能包含任意數量的其它元件,這些元件可以通過路由器載入,也可以通過模板建立。那些屬於這個 ngmodule 的元件會共享同乙個編譯上下文環境。

元件及其模板共同定義檢視。元件還可以包含檢視層次結構,它能讓你定義任意複雜的螢幕區域,可以將其作為乙個整體進行建立、修改和銷毀。

乙個檢視層次結構中可以混合使用由不同 ngmodule 中的元件定義的檢視。 這種情況很常見,特別是對一些 ui 庫來說。

Angular 7 自學總結 1

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

Angular7上手體驗

檢視當前你的node版本可以在cmd中輸入 開發工具強烈推薦 用cli命令建立 ng7demo 這裡前面我用ng7 demo的時候報錯 應該是不能用下劃線 這裡誇獎下,7加入了cli prompts 建立的時候可以選是否啟用router 及 css用scss,sass等 暫時只有這2個prompts...

Angular 7 學習資料 (2)元件

元件控制螢幕上被稱為檢視的一小片區域。當使用者在應用中穿行時,angular 就會建立 更新 銷毀一些元件。你的應用可以通過一些可選的生命週期鉤子 比如ngoninit 來在每個特定的時機採取行動。component裝飾器會指出緊隨其後的那個類是個元件類,並為其指定元資料。元件的元資料告訴 angu...