自學ng2 速讀教程

2022-04-26 05:51:10 字數 839 閱讀 8758

-- 每個模組都帶有乙個@ngmodule裝飾器的類

-- declarations - 宣告元件

-- exports - 可用於其他模組的元件模板

-- imports - 宣告模組

-- providers - 服務建立者,加入全域性服務列表中

-- bootstrap - 指定根元件,只有根模組才能設定bootstrap屬性

(js模組和ng模組完全不同且無關,只有加入了imports屬性中,模組才可使用)

( imports: [ browsermodule ],這種情況下同時使用了ng和js的模組系統 )

元件負責控制螢幕上的一小塊區域,稱之為檢視。元件是乙個特殊的指令

-- 為資料繫結提供屬性和方法,其他瑣事委託給服務

-- 在類中定義的元件邏輯,為檢視提供支援。

-- 元件的模板( @component() 注入元資料,對應@injectable  )

--   

--  父子通訊 [hero]="selectedhero"

-- 屬性繫結  [(ngmodel)] = "hero.name" ( 響應change事件 )

-- 事件  ( click )="selecthero(hero)

service:主要用於獲取資料、驗證輸入、寫日誌等 (最大消費者-元件)

依賴注入:提供類的新例項並處理類所需的全部依賴,ng通過依賴注入來提供元件所需的服務

-- ng通過元件建構函式的引數型別得知元件需要哪些服務

-- 注入器用於存放它建立過的服務例項,providers建立乙個新的服務例項

總結:模組,元件,模板,元資料,資料繫結,指令,服務,依賴注入

自學ng2 模板與資料繫結

通過輸入型繫結把資料從父元件傳到子元件 子元件 import from angular core import from hero component am at your service,export class herochildcomponent 父元件 import from angular...

ng2目錄說明

目錄說明 一 e2e 端到端的測試目錄 二 src 源 目錄。用 ngmodule宣告了乙個模組,在這個模組中 首先用delarations宣告了這個模組中有什麼東西。這裡只能宣告元件,指令,管道。imports 宣告要讓應用正常運轉,還需要什麼東西。也就是這個模組依賴的其他模組 browermod...

構建ng2簡單練手

angular構建說明1.開啟命令列 mkdir ng2 建立專案資料夾 cd ng2 切換到專案資料夾 2.新建三個json檔案 tsconfig.json 複製如下 exclude node modules typings main typings main.d.ts typings.json ...