Angular 无法读取属性'；文本'；角5中未定义的

我创建了一个问题组件。在那部分中，我提出了一些硬编码的问题。当我尝试运行应用程序时，它显示未定义的文本

以下是我的组件：

import { Component, OnInit } from '@angular/core';

@Component({
selector: 'app-question-list',
templateUrl: './question-list.component.html',
styleUrls: ['./question-list.component.css']
})
export class QuestionListComponent implements OnInit {
questions: Object[];
constructor() {
this.questions = [
  {
    text: 'What is your name?',
    answer: 'My name is Saeef'
  },
  {
    text: 'What is your favorite color?',
    answer: 'My favorite color is blue'

 ];
 }

 ngOnInit() {
 }

 }

我的HTML：

<div class="question" *ngFor let question of questions">
<div class="card">
    <div class="card-header">
        {{ question.text }}
    </div>
    <div class="card-block">
        <p class="card-text">{{ question.answer }}</p>
    </div>
</div>
</div>

---

您的
ngFor语法错误

应该是,

<div class="question" *ngFor="let question of questions">
<div class="card">
    <div class="card-header">
        {{ question.text }}
    </div>
    <div class="card-block">
        <p class="card-text">{{ question.answer }}</p>
    </div>
</div>
</div>


{{question.text}
{{question.answer}
您的
ngFor语法错误

应该是,

<div class="question" *ngFor="let question of questions">
<div class="card">
    <div class="card-header">
        {{ question.text }}
    </div>
    <div class="card-block">
        <p class="card-text">{{ question.answer }}</p>
    </div>
</div>
</div>


{{question.text}
{{question.answer}
将*ngs用于以下内容：-
{{question['text']}{{question['answer']}}
使用*ngfor和以下内容：-
{{question['text']}{{question['answer']}}
请重新检查数组初始化和'ngFor'语句。请重新检查数组初始化和'ngFor'语句。