Не удается увидеть элемент сетки списка материалов внутри дочернего компонента - PullRequest
Новая
       27

Не удается увидеть элемент сетки списка материалов внутри дочернего компонента

0 голосов
/ 20 января 2019

Я новичок в Angular7. Я пишу приложение с материалом. Я пытаюсь динамически записать список материалов в две составляющие: список и элемент. Как это:

Список компонентов: 

<mat-grid-list cols="3">
    <app-concept-item
    *ngFor="let conceptItem of conceptList"
    (click)="goToConceptDetail(concept.id)"
    [concept]="conceptItem">
    </app-concept-item>
</mat-grid-list>

И компонент Item внутри (app-concept-item): 

<mat-grid-tile>
    <span>{{concept.name}}</span>
  </mat-grid-tile>

Когда я запускаю код в инструменте Chrome Inspect, HTML-код правильно отображается в представлении. Но я ничего не вижу, я вижу пустую страницу.

С другой стороны, если я не разделю код на другой компонент, он выполняется совершенно правильно: 

<mat-grid-list cols="3">
    <mat-grid-tile
    *ngFor="let concept of conceptList"
    (click)="goToConceptDetail(concept.id)">
        <span>{{concept.name}}</span>
    </mat-grid-tile>
</mat-grid-list>

Результат со вторым кодом:

enter image description here

У меня нет кода CSS ни в одном из решений. Первый ничего не показывает, второй, что вы видите на картинке.

Любую помощь оцените.

Спасибо.

...