要向数组中添加项目并更新 mat-list 的显示，您可以使用 Angular 的 ngFor 指令和数组的 push 方法。以下是一个示例解决方法：

1. 在组件的 TypeScript 文件中，声明一个数组属性和一个用于添加项目的方法：

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
  items: string[] = ['Item 1', 'Item 2', 'Item 3'];

  addItem(newItem: string) {
    this.items.push(newItem);
  }
}

2. 在组件的 HTML 文件中，使用 mat-list 来显示数组的项目，并使用 ngFor 指令来循环遍历数组：

  {{ item }}



  
  Add

3. 在您的模块文件中，确保导入和添加 Angular Material 的 MatListModule 和 MatButtonModule：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatListModule } from '@angular/material/list';
import { MatButtonModule } from '@angular/material/button';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MatListModule,
    MatButtonModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

这样，当您在输入框中输入新项目并点击“Add”按钮时，新项目将被添加到数组中，并且 mat-list 会自动更新以显示新的项目。