Angular實戰記錄

2022-09-20 05:27:13 字數 1496 閱讀 2238

子元件中ngmodel繫結的值改變時,通過onchangecallback 傳回父元件時,有兩種情況:

基本資料型別:string/number 等變數,父元件中會跟著變化

非基本資料型別:{}//date/... 父元件中不會檢測到變化

解決方法:

建立乙個新物件傳回:

this.onchangecallback(new date(this.date));
(順便完善父子元件間雙向資料繫結的實現)

子元件ts:

import  from '@angular/core';

import from '@angular/forms';

@component(]

})export class timepickercomponent implements controlvalueaccessor;

private ontouchedcallback: any = {};

private triggerchange()

...writevalue(value: date) else

} registeronchange(fn)

registerontouched(fn)

父元件html中使用:

方式:

屬性輸入 @input()

雙向繫結 writevalue

注意:注意:

在ngdocheck中進行input傳入值的前後比較時,如果是比較長的物件或陣列,建議把上乙個值儲存為字串,否則有些變化無法檢測到

形如:

ngdocheck() 

}

使用如下:

import  from '@angular/core';

@component()

export class ..component implements oninit

fun()

}

有種情況,在同乙個頁面,其他操作導致select的下拉選項發生變化,不重新整理頁面。

此時需要重置已選的項:

實現難點:

html:

請選擇

}

ts:

import  from '@angular/core';

declare var $:any;

@component()

export class ..component implements oninit ...

constructor(private changedetectorref:changedetectorref)

ngdocheck()else

}

vi實戰記錄

vi編輯器在unix和linux中比較早期的,vim是vi的擴充套件集,是對vi的加強。伺服器最小化,預設整合vi編輯器!了解vi常用命令,工作起來頗有 洪荒之力!01.關於退出 wq 強制儲存退出 wq 儲存退出 x 作用和 wq 一樣 zz 作用和 wq一樣,注意z是大寫的,並且不是在命令模式 ...

frida 實戰 Frida脫殼實戰記錄

只能祭出傳聞已久的frida,果然瞬間脫殼獲取了幾個dex檔案,一番搜尋收集了很多個介面和後端服務的真實ip。腦瓜不好用,抓緊記錄一下。用到的工具 adb connect 127.0.0.1 6555 adb shell adb forward tcp 27042 tcp 27042 adb for...

Spring4實戰記錄

1.依賴注入 di所帶來的最大收益 松耦合。如果乙個物件只通過介面 而不是具體實現或初始化過 程 來表明依賴關係,那麼這種依賴就能夠在物件本身毫不知情的情 況下,用不同的具體實現進行替換。松耦合 構造器注入 constructor injection 對於緊耦合的類不好測試,但是松耦合的類就比較容易...