Как проецировать содержимое строки mat-toolbar-row один за другим при создании компонента Custom, оборачивая угловой элемент панели инструментов 6 - PullRequest
Новая
       32

Как проецировать содержимое строки mat-toolbar-row один за другим при создании компонента Custom, оборачивая угловой элемент панели инструментов 6

0 голосов
/ 12 сентября 2018

На самом деле я создаю пользовательский компонент, оборачивая компонент панели инструментов угловой материал. Я обернул первый элемент mat-toolbar с помощью ng-content, а также обернул второй элемент mat-toolbar-row, используя только ng-content.

Здесь я сталкиваюсь с некоторой проблемой при проецировании второй или более одной строки панели инструментов mat, поскольку она не отображает ее в следующей строке как следующую строку панели инструментов, а отображает содержимое второй панели инструментов только в первой строке . Поскольку я знаю, что ng-content является статической проекцией, поэтому он проецирует вторую строку панели инструментов в первой строке, как я могу решить эту проблему.

Пожалуйста, найдите здесь stackblitzLink , и я показал пример материала также под пользовательским компонентом. Пожалуйста, помогите мне в решении этой проблемы. Заранее спасибо.

1 Ответ

0 голосов
/ 15 ноября 2018 
<mat-toolbar [color]="color">
  <ng-content></ng-content>
  <ng-container select="sq-toolbar-row">
  <mat-toolbar-row >
  </mat-toolbar-row>
  </ng-container>
</mat-toolbar>
...