Всем доброго дня.
Имеем Angular 5
Есть шаблон:
<books>
<book>
<title>Книга 1</title>
<author>Автор книги 1</author>
<content>Краткое описание 1</content>
</book>
<book>
<title>Книга 2</title>
<author>Автор книги 2</author>
<content>Краткое описание 2</content>
</book>
</books>
Вывожу все компонентами - все гуд.
Понадобилось собрать все заголовки книг и вывести их отдельно от вывода самих книг.
Т.е. шаблон компонента books будет что то типа этого:
<li *ngFor="let book of books">{{book.title}}</li> <ng-content></ng-content>
Список книг получаю так:
@ContentChildren(Book) books: QueryList<Book>;
Но в
{{book.title}} вместо названия книги получаю
[object Object]
Куда копать? Видимо Angular получает так книгу, но как её рендерить?
Компонент book:
template: '<ng-content></ng-content>'
...
@ContentChild(BookTitle)
title: BookTitle;
PS> шаблон должен быть именно в таком варианте