LINUX.ORG.RU

Angular 5: Отображение компонента в родительском компоненте

 ,


0

1

Всем доброго дня. Имеем 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> шаблон должен быть именно в таком варианте

Залогируй или посмотри в дебаггере, что у тебя на самом деле лежит в book.title.

hippi90 ★★★★ ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.