Родительский компонент (app.component.html):
<course-card (courseSelected)="onCourseSelected($event)" [course]="course">
<div class="course-image">
<img width="300" alt="Angular Logo" [src]="course.iconUrl">
<h5>Total Lessons: 5</h5>
</div>
<div class="course-description">{{ course?.longDescription }}</div>
Edit Description: <textarea></textarea>
</course-card>
Дочерний компонент (course-card.component.html):
<ng-content></ng-content>
<ng-content select=".course-image"></ng-content>
<ng-content select=".course-description"></ng-content>
<ng-content></ng-content>
Когда я запускаю приведенный выше пример, среди двух подстановочных знаков <ng-content></ng-content>
(первый и последний) в дочернем компоненте проецируется только последний, а не первый. Почему оба или первый не проецируются, а только последний?