Angular හි ngOnInit හුක්
ngOnInit හුක් සංරචකය
ආරම්භ වන විට ක්රියාත්මක වේ. එහි ක්රියාව
වර්ගයේ ඉදිකිරීම්කරුට සමාන වේ, නමුත් එහිදී
වඩාත් සංකීර්ණ කාර්යයන් කිරීමට හැකිය, උදාහරණයක් ලෙස,
සේවාදායකයෙන් දත්ත බාගත කිරීම.
මෙම හුක් භාවිතා කරන්නේ කෙසේදැයි අපි බලමු. පළමුව එහි අන්තර්මුඛය ආයාත කිරීමට අවශ්යය:
import { OnInit } from '@angular/core';
ඊළඟට අන්තර්මුඛය සංරචක වර්ගයට ඇතුළත් කළ යුතුය:
export class UserComponent implements OnInit {
}
ඊට පසුව, අපට සංරචක වර්ගය තුළ
ngOnInit ක්රමය ලිවිය හැකි අතර
වර්ගය ආරම්භ වන විට මෙම ක්රමය ස්වයංක්රීයව
ක්රියාත්මක වේ. අපි එහි ක්රියාකාරිත්වය පරීක්ෂා කරමු:
export class UserComponent implements OnInit {
constructor() {
console.log('constructor is started');
}
ngOnInit() {
console.log('onInit is applied');
}
}
පෞද්ගලික ක්රමයක් show සාදා
සංරචකය ආරම්භ වන විට එය ක්රියාත්මක කරන්න.