Добавление компонентов карты в панель мониторинга угловых материалов

#angular #angular-material

Вопрос:

Это довольно простой вопрос, но я не нашел других соответствующих сообщений. Я добавил панель мониторинга угловых материалов в свой проект, используя команду

 ng generate @angular:material:dashboard course-dashboard
 

Это создало course-dashboard.component.ts со следующим кодом

   cards = this.breakpointObserver.observe(Breakpoints.Handset).pipe(
    map(({ matches }) => {
      if (matches) {
        return [
          { title: 'Card 1', cols: 1, rows: 1 },
          { title: 'Card 2', cols: 1, rows: 1 },
          { title: 'Card 3', cols: 1, rows: 1 },
          { title: 'Card 4', cols: 1, rows: 1 }
        ];
      }

      return [
        { title: 'Card 1', cols: 2, rows: 1 },
        { title: 'Card 2', cols: 1, rows: 1 },
        { title: 'Card 3', cols: 1, rows: 2 },
        { title: 'Card 4', cols: 1, rows: 1 }
      ];
    })
  );
 

Затем я сгенерировал несколько карточек с надписью «ng g c пятого класса» и т. Д. Вопрос в том, как мне добавить эти карты в приведенное выше заявление о возврате?

Спасибо