javascript - angular2 ngFor 不起作用

Question

我试图让用户每次单击按钮时都会出现一些文本框。 我正在用 ngFor 来做这个。 由于某种原因， ngFor 不会迭代。 我尝试使用切片来更改数组引用，但文本框仍然不会出现。

知道我做错了什么吗？ 下面是 HTML 和组件代码。 谢谢!!!

export class semesterComponent {
  subjectsNames = [];

  addSubject(subjectName: string) {
    if (subjectName) {
      this.subjectsNames.push(subjectName);
      this.subjectsNames.slice();
      console.log(subjectName);
      console.log(this.subjectsNames);
    }

  };

<div class="semester-div">
  <ul>
    <li ngFor="let subject of subjectsNames">
      <span>
       <input #subjectName type="text" />
       <input id = "subjectGrade" type = "number"/>
       <input id = "subjectWeight" type = "number"/>
      </span>
    </li>
  </ul>
  <br>
  <button (click)="addSubject(subjectName.value)">add</button>
  <br>
</div>

Answer 1

您缺少 *ngFor 中的 *

<li *ngFor="let subject of subjectsNames">