javascript - ספריית Angular המשתמשת ב-HTML של הקומפוננטה של האפליקציה

אני מיישם את ספריית הזווית הראשונה שלי.

אני רוצה להשיג ספריית כותרת עליונה וכותרת תחתונה עבור Angular. הבעיה היא שהיא צריכה להכיל את ה-HTML של האפליקציה שבה היא משמשת. למטה תוכלו למצוא את הסקיצה של קוד ה-HTML שאני רוצה להשיג.

//some header
<pageContent>
</pageContent>
//some footer

ה-pageContent.component צריך להגיע מהאפליקציה שבה הספרייה מוטמעת. איך אני משיג את זה?

עריכה :

אני מנסה לפרט יותר:

בספריית Angular שלי יש לי קומפוננטה, שצריכה להכיל כותרת תחתונה וכותרת עליונה. בנוסף, היא צריכה להציג את התוכן הראשי של העמוד. לכן, הספרייה זקוקה לקלט של pageContent.component. איך אני משיג את זה?

תשובה #1

תודה שהוספת פרטים נוספים. עיין בקוד הדמו הזה כהתייחסות

כפי שניתן לראות, השתמשתי ב-ng-content ב-canvas.component.html כמתואר למטה:

<div id='border'>
   <h3>header</h3>
    <ng-content>
      <!-- Dynamic content goes here -->
    </ng-content>
    <h3>footer</h3>
</div>

רכיב הקנבס מכיל את header ואת footer כפי שרצית. שמתי קצת ניתוב בדוגמה הזו כדי להפוך אותה ליותר קרובה למה שאתה מחפש.

אני מקווה שזה עזר לך. לחיים!