无法读取Angular 5中未定义的属性"text"

Question

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

这是我的组件:

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>

Answer 1

你的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>