-- 每個模組都帶有乙個@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 ...