Дочерний компонент не может получить доступ к свойствам объекта - PullRequest
Новая
       14

Дочерний компонент не может получить доступ к свойствам объекта

0 голосов
/ 20 апреля 2020

У меня есть модель котировки: 

export default class Quote {
    _id: string;
    quotee: string;
    body: string;
    dateQuoted: Date;
    dateCreated: Date;  
}

Мой родительский компонент: 

export class HomeComponent implements OnInit {

  quotes: Quote[] = []

  constructor(private quoteService: QuoteService) { }

  ngOnInit(): void {
    this.quoteService.getQuotes().subscribe((quote: Quote[]) => this.quotes = quote);
  }

}

Я отправляю объект в home.component. html

<div class="col-sm" *ngFor="let quote of quotes">
              <app-quote-box [quote]="quote"></app-quote-box>>
            </div>

Мой дочерний компонент имеет декорацию @Input (): 

export class QuoteBoxComponent implements OnInit {

  @Input() 
  quote: Quote;

  constructor() { }

  ngOnInit(): void {
  }

}

И я пытаюсь получить доступ к свойствам цитаты в quote-box.component. html: 

<div class="quote-box">
  <h2>{{quote.quotee}} </h2>
  <p>"{{quote.body}}"</p>
</div>

Я получаю сообщение об ошибке:

Свойство "quotee" не существует в типе "Quote".

Может кто-нибудь объяснить мне, что я делаю неправильно? Спасибо за любую помощь

...