angular8 髒值檢查

2021-09-26 21:17:15 字數 1420 閱讀 7339

什麼是髒值檢查?

當資料改變時更新檢視(dom)

什麼時候會觸發髒值檢查?

瀏覽器事件(如click,mouseover,keyup等)

settimeout()和setinterval()

http請求

如何進行檢測

檢查兩個狀態值:當前狀態和新狀態

import  from '@angular/core';

@component()

export class childcomponent implements oninit

constructor(private ngzone : ngzone )

ngoninit()

ngafterviewchecked(): void ,100)

})}}

import  from '@angular/core';

import from '@angular/common';

@component()

export class childcomponent implements oninit ) timeref:element;

public get time() : number

constructor(private ngzone : ngzone,private rd2:renderer2 )

ngoninit()

ngafterviewchecked(): void ,100)

})} handleclick()

}

如果報下面的錯的話 

在@component中新增

changedetection:changedetectionstrategy.onpush

如果遇到路由傳參的話  調到其他頁面  再跳回來的話跳不回來

constructor(private cd:changedetectorref) 

ngoninit() )

this.channels = this.service.getchannels()

this.imagesliders = this.service.getimagesliders()

}

Angular 8 許可權控制

1.沒有許可權內的頁面,自動跳轉到 無法找到頁面 2.沒有許可權的按鈕,控制項不顯示 3.沒有登入token訪問需要登入的頁面,自動跳轉到 無法找到頁面 思路 用乙個service 去儲存登入使用者的許可權列表。在需要許可權控制的按鈕 控制項上通過 ngif 控制控制項可見性。在每個頁面 activ...

Angular8管道使用 Pipe

每個應用開始的時候差不多都是一些簡單任務 獲取資料 轉換它們,然後把它們顯示給使用者。獲取資料可能簡單到建立乙個區域性變數就行,也可能複雜到從 websocket 中獲取資料流。一旦取到資料,你就可以把它們原始值的 tostring 結果直接推入檢視中。但這種做法很少能具備良好的使用者體驗。比如,幾...

angular8 封裝元件

元件封裝的意義和方法 需要重用,或者簡化邏輯 ng generate component元件名 駝峰模式 使用index.ts方便匯入以及隔離內部變化對外部的影響 ng g c 元件名 駝峰模式 如果想在某個資料夾下新建元件 ng g c 檔名 元件名 駝峰模式 在每乙個資料夾下新建乙個index....