บทความนี้เป็นส่วนหนึ่งของซีรีส์ Angular + PrimeNG 19 (CSR, non-standalone) เรียบเรียงจากคู่มืออบรมของ Wutthiphon Tassana — Wirabyte CO., LTD. — ตอนที่ 10/10
Lifecycle Hooks
ngOnInit
เรียกทันทีเมื่อมีการเรียน Component เหมือน use Effect
ต้อง Implement Oninit ที่ Component ก่อนจึงจะสามารถใชข้งานได้
ngOnDestroy
ทำลายทิ้ง / เลิกติดตามเมื่อเลิกใช้ Component
ต้อง Implement OnDestroy ที่ Component ก่อนจึงจะสามารถใข้งานได้
ngOnChanges
เมื่อมีการเปลี่ยนแปลงบางอย่าง เช่นตัวแปร จะให้ทำอะไรต่อไป มักใช้ใน Component ย่อยต่าง ๆ
เนื้อหาเพิ่มเติม
Shared Module
ทำ Component แล้วเรียกใช้ร่วมกัน เวลามีหลาย Module ใหญ่
ViewEncapsulation
onPush
กรณี ต้องการ Render Component Header / Aside เวลามีข้อความตัวเลข
การ Deploy
ng build –base-href=”/dev/”ng build –base-href=”/” –configuration productionอย่าลืมกำหนดขนาด budget ไม่อย่างนั้นจะ build ไม่ผ่าน
🧪 LAB: ทดลอง Deploy
กำหนดข้อมูลสำหรับ FTP ดังนี้
Host: learning.wutthiphon.space
Username: <รอแจ้งจากผู้สอน>
Password: <รอแจ้งจากผู้สอน>
Port: 2002
แนะนำและการใช้งาน TinyMCE RichText Editor
