Угловой материал MatGridListModule не работает. (md-grid-tile) не показывает текст

Привет, я пытаюсь использовать угловой материал в своем проекте. Это код, который я написал в html файле.

Здесь я пытаюсь использовать mat-grid в mat-toolbar.

<mat-toolbar color="primary">
  <mat-grid-list cols="3">
    <mat-grid-tile>
      left
    </mat-grid-tile>
    <mat-grid-tile>
      center
    </mat-grid-tile>
    <mat-grid-tile>
      right
    </mat-grid-tile>
  </mat-grid-list>
</mat-toolbar>

Я уже импортировал как MatToolbarModule, MatGridListModule в модуль приложения, и в консоли нет ошибки. Я не вижу текст на панели инструментов. может ли кто-нибудь помочь?


angular angular-material angular-material-5
person Abhishek Gangwar    schedule 29.05.2018    source источник
comment
Используете ли вы какой-либо макет начальной загрузки? У меня была та же проблема, и я понял, что размещение списка сетки внутри «строки» вызвало это.   -  person Amen    schedule 28.06.2018

Ответы (2)


arrow_upward
0
arrow_downward

Вы включили тему по умолчанию? см. документы

добавьте @import "~@angular/material/prebuilt-themes/indigo-pink.css"; в файл styles.css, и панель инструментов должна появиться.

Я также думаю, что mat-grid-list не допускается внутри mat-toolbar

person Tim Martens    schedule 29.05.2018
comment
Да, я добавил тему по умолчанию. Итак, если нам не разрешено использовать список матов на панели инструментов матов. Тогда как мне настроить панель инструментов? Например, добавление кнопок и панели поиска, текстового логотипа и т. д. - person Abhishek Gangwar; 29.05.2018
comment
вы можете использовать flex-макет. github.com/angular/material2/issues/4283 - person Tim Martens; 29.05.2018

arrow_upward
0
arrow_downward

У меня такая же проблема.

Попробуйте эту тему.

Создание адаптивной панели инструментов с использованием Angular Material

person Monkey D. Luffy    schedule 19.02.2019