multilist. я его хочу заюзать, но отдавать шаблон для конкретных элементов этого листа уже там, где его юзаю. т.е. что-то типа такого
<div *ngFor="let item of items">
<ng-content [item]="item" select=".list-item-content"></ng-content>
</div>
<app-multilist>
<div class="list-item-content">
<div class="front">{{item.front}}</div>
<div class="separator">-</div>
<div class="back">{{item.back}}</div>
</div>
</app-multilist>
т.е. прокидывать [item]="item" обратно в шаблон
на то, как сейчас, ругается:
Can't bind to 'item' since it isn't a known property of 'ng-content'.
как подсказали пробрасывать ng-template, а внутри ngTemplateOutlet. <div *appMultilist=“let item of items”> {{item.front}} {{item.back}} </div> - более удобная форма ) но точно такое надо, может есть более очевидный способ? (
в общем, вот тут хороший пример: https://alligator.io/angular/reusable-components-ngtemplateoutlet/ и спасибо всем помогавшим)
Обсуждают сегодня