angular4學(xué)習(xí)記錄 -- 依賴注入

ningwang 發(fā)布于2019-08-21 16:41 / 2744人閱讀

摘要：提供器作用域規(guī)則提供器聲明在模塊時(shí)是對(duì)所有組件是可見的，所有組件都可以注入。當(dāng)一個(gè)提供器聲明在組件時(shí)，只對(duì)他聲明的組件和子組件可見，其他組件不可注入。

Angular4 依賴注入 什么是依賴注入

是指程序運(yùn)行過(guò)程中，如果需要調(diào)用另一個(gè)對(duì)象協(xié)助時(shí)，無(wú)須在代碼中創(chuàng)建被調(diào)用者，而是依賴于外部的注入

angular中依賴注入的具體使用 注入器：

在組件中的constructor中:

constructor(private productService: ProductService){}

提供器：

在app根組件module中或者在在組件中:

1. providers:[productService]  等價(jià)于 第二種
2. providers: [{provider: ProductService, useClass: ProductService}] 
3. priveders: [{provide: ProductService, useFactory: () => {}}]

三種聲明式提供器

userClass

userFactory

userValue

注入器中指定的productService類型是providers中的provider，而provider使用的class是productService，所以注入器中productService的類型就是ProductService。 提供器作用域規(guī)則

1.提供器聲明在模塊時(shí)是對(duì)所有組件是可見的，所有組件都可以注入。
2.當(dāng)一個(gè)提供器聲明在組件時(shí)，只對(duì)他聲明的組件和子組件可見，其他組件不可注入。
3.當(dāng)聲明在模塊的提供器和組件的提供器具有相同的token時(shí)，聲明在組件的提供器會(huì)覆蓋模塊的提供。
4.服務(wù)提供器優(yōu)先聲明在模塊中，只有服務(wù)必須在某個(gè)組件可見，對(duì)其他組件不可見時(shí)才聲明在組件中

云服務(wù)器 GPU云服務(wù)器依賴注入依賴注入方式 js依賴注入構(gòu)造函數(shù)依賴注入

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/88601.html

相關(guān)文章

Angular2 VS Angular4 深度對(duì)比：特性、性能

摘要：的特性和性能是的超集，用于幫助的開發(fā)。注解提供了連接元數(shù)據(jù)和功能的工具。通過(guò)在庫(kù)中提供基本信息可以調(diào)用函數(shù)或創(chuàng)建類的實(shí)例來(lái)檢查相關(guān)元數(shù)據(jù)，從而簡(jiǎn)化了對(duì)象實(shí)例的構(gòu)建。停用它會(huì)響應(yīng)跳出舊控制器的成功事件。 showImg(https://segmentfault.com/img/bVSqTU?w=850&h=460); 在Web應(yīng)用開發(fā)領(lǐng)域，Angular被認(rèn)為是最好的開源JavaScri...

孫淑建 2019-08-20 18:37 評(píng)論0 收藏0
angular4學(xué)習(xí)記錄 -- 組件通訊、生命周期

摘要：每完成被投影組件內(nèi)容發(fā)生變化時(shí)調(diào)用。每次做完組件視圖和子組件視圖的變更檢測(cè)之后調(diào)用。組件銷毀時(shí)調(diào)用，主要用于內(nèi)存回收。策略策略是當(dāng)組件的輸入屬性發(fā)生變更時(shí)才會(huì)檢查當(dāng)前組件及其子組件。 angular4 組件通訊、生命周期主要通訊形式父組件通過(guò)屬性綁定到子組件，子組件通過(guò)事件傳遞參數(shù)到父組件父組件通過(guò)局部變量獲取子組件的引用父組件使用@ViewChild獲取子組件的引用兩個(gè)不...

shadajin 2019-08-21 16:45 評(píng)論0 收藏0
Angular4學(xué)習(xí)筆記——組件之間的交互

摘要：具體思路子組件暴露一個(gè)屬性，當(dāng)事件發(fā)生時(shí)，子組件利用該屬性向上彈射事件。父組件綁定到這個(gè)事件屬性，并在事件發(fā)生時(shí)作出回應(yīng)。這個(gè)組件子樹之外的組件將無(wú)法訪問(wèn)該服務(wù)或者與它們通訊。父子組件通過(guò)各自的構(gòu)造函數(shù)注入該服務(wù)。通過(guò)輸入型綁定把數(shù)據(jù)從父組件傳到子組件 Angular對(duì)于父組件 => 子組件的數(shù)據(jù)通信做法和Vue很相似。 // 父組件html模板 // 子組件接收數(shù)據(jù) i...

Guakin_Huang 2019-08-21 17:48 評(píng)論0 收藏0
Angular4 動(dòng)態(tài)加載組件雜談

摘要：最近接手了一個(gè)項(xiàng)目，客戶提出了一個(gè)高大上的需求要求只有一個(gè)主界面，所有組件通過(guò)來(lái)顯示。最近接手了一個(gè)項(xiàng)目，客戶提出了一個(gè)高大上的需求：要求只有一個(gè)主界面，所有組件通過(guò)Tab來(lái)顯示。其實(shí)這個(gè)需求并不詭異，不喜歡界面跳轉(zhuǎn)的客戶都非常熱衷于這種展現(xiàn)形式。好吧，客戶至上，搞定它！這種實(shí)現(xiàn)方式在傳統(tǒng)的HTML應(yīng)用中，非常簡(jiǎn)單，只是在這Angular4（以下簡(jiǎn)稱ng）中，咋個(gè)弄呢？我們先來(lái)了...

testHs 2019-08-20 17:49 評(píng)論0 收藏0
前端框架這么多，該如何抉擇？

摘要：在引起狀態(tài)變化的時(shí)刻，框架自動(dòng)觸發(fā)臟檢查，也可以手動(dòng)執(zhí)行臟檢查，直接操作更新視圖。最后，說(shuō)了這么多，大家在具體選型時(shí)還是要首先分析自己的需求和現(xiàn)狀，然后再做選擇。作為一個(gè)軟件開發(fā)者，最大的挑戰(zhàn)就是在不斷涌現(xiàn)的新技術(shù)中進(jìn)行取舍，持續(xù)學(xué)習(xí)是從事這一行業(yè)的必備技能。在這個(gè)領(lǐng)域里，技術(shù)更新最快地又非前端莫屬了。各種框架的出現(xiàn)、版本的更新此起彼伏，呈現(xiàn)出一派欣欣向榮之景。在項(xiàng)目中必不可少的便...

Jackwoo 2019-08-29 15:37 評(píng)論0 收藏0