使用Angular单独管理无线单元数组

export class WirelessUnit {
  id: number;
  name: string;
  // other properties
}

import { Component } from '@angular/core';
import { WirelessUnit } from './wireless-unit.model';

@Component({
  selector: 'app-wireless-unit',
  templateUrl: './wireless-unit.component.html',
  styleUrls: ['./wireless-unit.component.css']
})
export class WirelessUnitComponent {
  wirelessUnits: WirelessUnit[] = [];

  addWirelessUnit() {
    // logic to add a new wireless unit to the array
  }

  deleteWirelessUnit(wirelessUnit: WirelessUnit) {
    // logic to delete a wireless unit from the array
  }

  editWirelessUnit(wirelessUnit: WirelessUnit) {
    // logic to edit a wireless unit in the array
  }
}

<div *ngFor="let wirelessUnit of wirelessUnits">
  <p>{{ wirelessUnit.name }}</p>
  <!-- other properties -->
  <button (click)="deleteWirelessUnit(wirelessUnit)">Delete</button>
  <button (click)="editWirelessUnit(wirelessUnit)">Edit</button>
</div>

<button (click)="addWirelessUnit()">Add Wireless Unit</button>