angular學習小結

2021-09-11 17:12:14 字數 1665 閱讀 7332

staticprovider 和 injector 通過injector.create將staticprovider轉化為injector

create(options: ): injector

複製**

平台例項描述,createplatform和createplatformfactory工廠建立生成,也可以理解成提供特定依賴注入專案的集合

通過傳入injector建立platformref

createplatform(injector: injector): platformref

複製**

通過staticprovider建立platformref,內部呼叫createplatform建立platformref

createplatformfactory(

parentplatformfactory: ((extraproviders?: staticprovider) => platformref) | null,

name: string,

providers: staticprovider =

): (extraproviders?: staticprovider) => platformref

複製**

platformref啟動後生成ngmoduleref

export

class platformref

複製**

ngmodule例項,可以由ngmodulefactory.create生成,可以理解為區域性/模組內依賴注入專案集合,ngmodule的存在一定程度上解決injector的配置使用問題。直接引用其他ngmodule就能拿到此ngmodule所註冊的injector。

元件工廠提供者,由ngmoduleref注入,componentfactoryresolver.resolvecomponentfactory生成componentfactory

元件工廠,componentfactory.create建立componentref

create(

injector: injector,

projectablenodes?: any,

rootselectorornode?: string|any,

ngmodule?: ngmoduleref

): componentref;

複製**

元件例項描述,componentref.hostview獲取viewref,componentref.changedetectorref獲取changedetectorref

viewref:檢視例項描述, changedetectorref:變化檢測例項描述,用於控制變化檢測

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學習日誌

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 ser...