angular4學習記錄 元件通訊 生命週期

2021-09-14 08:08:22 字數 751 閱讀 8777

父元件通過屬性繫結到子元件,子元件通過事件傳遞引數到父元件

父元件通過區域性變數獲取子元件的引用

父元件使用@viewchild獲取子元件的引用

兩個不相關聯的元件使用中間人模式互動

終極大招:建立乙個服務注入到元件中

直接把父元件當做服務注入到子元件中

輸入輸出屬性必須是在有父子關係的元件間使用

@input() 

private keyword: string;

@output()

searchresult: eventemmiter= new eventemmiter();

執行順序:

constructor

↓ngonchanges

↓ ngoninit

↓ngdocheck

↓ngaftercontentinit

↓ngaftercontentchecked

↓ngafterviewinit

↓ngafterviewchecked

ngdocheck

↓ngaftercontentchecked

↓ngafterviewchecked

...ngdestory

default策略

onpush策略

onpush策略是當元件的輸入屬性發生變更時才會檢查當前元件及其子元件

angular4學習記錄 依賴注入

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

Angular4基本功 元件繫結

最近專案上用到了angular4進行開發前台,組織了零散的知識分享給大家根據需求改變屬性,根據 可以看出,只要star是true則我們現實我們的樣式,如果為false則不顯示,很好的做到了動態的效果 class.glyphicon star empty star div tsprivate star...

angular4如何安裝建立專案 元件

一 安裝最新版本的nodejs 首先在控制台用node v 和npm v來看一上當前的版本。老版本會出現錯誤。二 全域性安裝angular cli 腳手架工具 1.使用npm命令安裝 npm install g angular cli2.npm可能會安裝失敗,可以切換到 映象 npm install...