Angular4學習 模組化再理解 3

2021-08-20 14:55:20 字數 1207 閱讀 5149

惰性載入也就是懶載入,或者說延遲載入,一些模組使用懶載入後,只有當使用者第一次導航到這個模組時,才會載入一些特性。這對於應用程式的效能和減小初始包的大小有很大的幫助,其設定也非常簡單。

import              from '@angular/core';

import from '@angular/router';

export

const

routes: routes = [

,];@ngmodule()

export

class

其中,contact路由並不是在這裡定義的。對於帶有路由元件的特性模組,其標準做法就是讓它們定義自己的路由。如,contactmodule特性模組,在其特性區中定義自己的路由檔案contact.routing.ts。

另外兩個路由使用惰性載入語法來告訴路由器要到**去找這些模組。},}

routermodule類的forroot靜態方法和提供的配置,被新增到imports陣列中,提供該模組的路由資訊。

@ngmodule()

export

class

@ngmodule(

])],

exports: [routermodule]

})export

class

contactroutingmodule {}

這次我們要把路由列表傳給routermodule的forchild方法。 該方法會為特性模組生成另一種物件。

注:總是在特性路由模組中呼叫routermodule.forchild。

當我們只需要從路由器導航到某個特性模組中的某個元件時,我們就不需要公開它了。如,通過路由器導航到contactcomponent元件,contact.module.ts定義如下:

@ngmodule()

export

class

contactmodule

惰性載入的heromodule和crisismodule與其它特性模組遵循同樣的規則。它們和主動載入的contactmodule看上去沒有任何區別。

如heromodule:

@ngmodule()

export

class

heromodule

Angular4學習之依賴注入

在乙個專案中,元件和服務之間存在錯綜複雜的關係,為了最小程度的耦合,我們需要來管理組織這種關係,依賴注入就是管理這種關係的一種方式。在學習乙個概念之前,我們必須要知道我們為什麼要學習這個東西,這個東西究竟解決了什麼問題。就好比這裡講到的,依賴注入究竟解決了什麼問題。要解決這個問題,我們先來看看示例 ...

Angular4學習筆記之管道

管道 pipes把資料作為輸入,然後轉換它,給出期望的輸出。每個應用開始的時候差不多都是一些簡單任務 獲取資料 轉換它們,然後把它們顯示給使用者。angular內建了一些管道,比如datepipe uppercasepipe lowercasepipe currencypipe和percentpip...

angular4學習記錄 依賴注入

是指程式執行過程中,如果需要呼叫另乙個物件協助時,無須在 中建立被呼叫者,而是依賴於外部的注入 在元件中的constructor中 constructor private productservice productservice 1.providers productservice 等價於 第二種...