เคล็ดลับ #13[StaticProvider]

ความเป็นไปได้อย่างหนึ่งในการ เชื่อมต่อกับ กระบวนการบูตสแตรปของแอปพลิเคชัน Angularคือการใช้ประโยชน์จากโทเค็นAPP_INITIALIZER แม้ว่าจะทำให้การแสดงองค์ประกอบรูทล่าช้า แต่ก็ไม่ได้ป้องกันโมดูลและบริการจากการสร้างทันที นอกจากนี้ หากคุณดึงข้อมูลบางส่วนโดยเป็นส่วนหนึ่งของกระบวนการ เช่น ไฟล์กำหนดค่าแอปพลิเคชัน คุณจะไม่สามารถระบุข้อมูลดังกล่าวได้อย่างง่ายดายภายใต้โทเค็นบางตัว โชคดีที่คุณสามารถส่งอาร์เรย์ของ วัตถุ StaticProviderไปยังฟังก์ชัน platformBrowserDynamic ในไฟล์ main.ts ซึ่งมีหน้าที่ในการบูตแอปพลิเคชันของคุณ:

คุณสามารถเข้าถึงไฟล์กำหนดค่าแอปพลิเคชันได้อย่างง่ายดายโดยใช้กลไก การ พึ่งพาการฉีด :

นอกจากนี้ ไม่เพียงแต่การเรนเดอร์องค์ประกอบรูทเท่านั้น แต่ยังรวมถึงการสร้างโมดูลและบริการด้วย จนกว่าจะมีการดึงไฟล์การกำหนดค่า:

อีกวิธีหนึ่ง คุณสามารถจัดเก็บข้อมูลที่ดึงมาในsessionStorageหรือออบเจ็กต์ JavaScript ที่แชร์แบบธรรมดา และยังคงใช้ประโยชน์จากการระงับกระบวนการบูตสแตรปจนกว่าจะมีข้อมูลที่จำเป็น

ตัวอย่างสด:

ชอบทิปปรบมือให้หน่อยครับ