Angular 8将项目添加到数组并更新mat-list中的显示

npm install -g @angular/cli
ng add @angular/material

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

@Component({
  selector: 'app-project-list',
  templateUrl: './project-list.component.html',
  styleUrls: ['./project-list.component.css']
})
export class ProjectListComponent {
  projects: string[] = ['Project 1', 'Project 2', 'Project 3'];
}

<mat-list>
  <mat-list-item *ngFor="let project of projects">{{ project }}</mat-list-item>
</mat-list>

addProject(newProject: string) {
  this.projects.push(newProject);
}

<form (submit)="addProject(newProject.value)">
  <input type="text" #newProject placeholder="Enter project name" required>
  <button type="submit">Add Project</button>
</form>