ใน บทความก่อนหน้า เราได้สร้าง Dialog Module ซึ่งมีหน้าที่รับผิดชอบในการรวมส่วนประกอบ Dialog บริการ และโมเดลทั้งหมด ตอนนี้เราจะสร้าง Core Module
โมดูลหลักมีชื่อว่า Angular Convention สำหรับความรับผิดชอบ มันจะอยู่ข้าง app.module.ts บนแอปพลิเคชันของคุณ และจะถูกแทรกเข้าไปใน app.module.ts
ข้อดีของ Core Module คือการทำให้ส่วนประกอบพร้อมใช้งานสำหรับทั้งโปรเจ็กต์! ดังนั้นโปรดใช้ความระมัดระวัง เพิ่มโมดูลใน Core Module เพียงครั้งเดียว และหากมีการใช้งานทั่วทั้งโปรเจ็กต์ (เช่น Dialog Component ของเรา หน้าทั้งหมดอาจจำเป็นต้องใช้โมดูลนั้น) เราจะสร้าง Core Module ให้เป็น Singleton ดังนั้นมาเขียนโค้ดกันดีกว่า!
ตามโครงสร้างต่อไปนี้ Core Module จะอยู่ข้างๆ App Module
.. src
.. .. แอป
.. .. .. ส่วนประกอบ
.. .. .. .. ฉากหลัง
.. .. .. .. .. ฉากหลัง.component.scss
.. .. .. .. .. ฉากหลัง.component.ts
.. .. .. .. โต้ตอบ
.. .. .. .. . . Dialog.component.html
.. .. .. .. .. Dialog.component.scss
.. .. .. .. .. Dialog.component.ts
.. .. .. .. รุ่น
.. .. .. .. .. dial-active.model.ts
.. .. .. .. .. dial-content-ref.model. ts
.. .. .. .. .. ไดอะล็อก-options.model.ts
.. .. .. .. .. ไดอะล็อก-ref.model.ts
.. . . .. .. .. index.ts
.. .. .. .. บริการ
.. .. .. .. .. dial.service.ts
.. .. .. .. dial.module.ts
.. .. .. app.component.html
.. .. .. app.component.scss
.. .. .. แอป .component.ts
.. .. .. app.module.ts
.. .. .. core.module.ts
ใน บทความถัดไป เราจะเปิดให้ใช้งานได้บน App Module! ไปกันเถอะ…
