Angular හි ngOnInit හුක්

ngOnInit හුක් සංරචකය ආරම්භ වන විට ක්‍රියාත්මක වේ. එහි ක්‍රියාව වර්ගයේ ඉදිකිරීම්කරුට සමාන වේ, නමුත් එහිදී වඩාත් සංකීර්ණ කාර්යයන් කිරීමට හැකිය, උදාහරණයක් ලෙස, සේවාදායකයෙන් දත්ත බාගත කිරීම.

මෙම හුක් භාවිතා කරන්නේ කෙසේදැයි අපි බලමු. පළමුව එහි අන්තර්මුඛය ආයාත කිරීමට අවශ්‍යය:

app/user/user.component.tsimport { OnInit } from '@angular/core';

ඊළඟට අන්තර්මුඛය සංරචක වර්ගයට ඇතුළත් කළ යුතුය:

app/user/user.component.tsexport class UserComponent implements OnInit {

}

ඊට පසුව, අපට සංරචක වර්ගය තුළ ngOnInit ක්‍රමය ලිවිය හැකි අතර වර්ගය ආරම්භ වන විට මෙම ක්‍රමය ස්වයංක්‍රීයව ක්‍රියාත්මක වේ. අපි එහි ක්‍රියාකාරිත්වය පරීක්ෂා කරමු:

app/user/user.component.tsexport class UserComponent implements OnInit {
  constructor() {
    console.log('constructor is started');
  }
  ngOnInit() {
    console.log('onInit is applied');
  }
}