ОШИБКА TypeError: Невозможно прочитать свойство 'template' из неопределенного - PullRequest
Новая
       24

ОШИБКА TypeError: Невозможно прочитать свойство 'template' из неопределенного

0 голосов
/ 10 февраля 2019

Я пытаюсь разрешить пользователям добавлять оценки к прочитанным книгам.Я использую "@angular/material": "^7.3.0" и "@ng-bootstrap/ng-bootstrap": "^4.0.2".

Я импортировал следующее в моем app.module.ts 

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { ListComponent } from './components/list/list.component';
import { RegistrationComponent } from './components/registration/registration.component';

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

Я добавил NgbModule в мой импорт, 

imports: [
    ....,
    NgbModule
  ],

Я пытаюсь показать оценки в моем list.component.html.List.component.ts выглядит следующим образом: 

export class ListComponent implements OnInit {
// other code here
  currentRate = 8;
}

У меня есть импорт в list.component.ts, но он не связан с реализацией рейтинга.

list.component.html дляРеализация рейтинга выглядит следующим образом: 

<code>  <ng-container matColumnDef="rating">
    <th mat-header-cell *matHeaderCellDef>Rating</th>
    <td mat-cell>
      <ngb-rating [(rate)]="currentRate"></ngb-rating>
      <pre>Rate: <b>{{currentRate}}</b>

Я пытаюсь реализовать это, следуя демонстрационному примеру Basic, представленному в ng-bootstrap rating .Заголовки формы отображаются, но данные не отображаются.Ошибка: 

core.js:15714 ERROR TypeError: Cannot read property 'template' of undefined

Это как-то связано с реализацией рейтинга, который я пытаюсь выполнить, поскольку форма ранее работала нормально.Заранее спасибо.

1 Ответ

0 голосов
/ 11 февраля 2019

Я добавил *matCellDef и вставил селектор для компонента рейтинга.Теперь я вижу компонент рейтинга, но визуальное представление не совсем такое, как в примере.Я отправлю еще один вопрос для этого.

    <ng-container matColumnDef="rating">
        <th mat-header-cell *matHeaderCellDef>Rating</th>
        <td mat-cell *matCellDef="let element">
          <app-rating></app-rating>
        </td>
      </ng-container>
...