angular - 以角度将数组数据传递给matdialog

Question

我想使用 angular 将数组数据传递给 Matdialog，对于单个数据它可以工作，但如何传递数组数据。

我调用对话框的组件

分销商订单.component.ts

openDialog(address, city, pin, phone, orderid, orderstatus, totalprice, updateby, updatedate): void {
    console.log(address);
    const dialogRef = this.dialog.open(OrderDialogComponent, {
       width: '1000px',
       data: {
           Address: address, 
           City: city, 
           Pin: pin, 
           phone:phone,
           Orderid: orderid, 
           Orderstatus: orderstatus,
           Totalprice: totalprice,
           Updateby: updateby,
           Updatedate: updatedate
       }
   });
   dialogRef.afterClosed().subscribe(result => {
      console.log('The dialog was closed');
      //this.animal = result;
   });
}

在这里，我如何使用这个单一数据发送数组数据。

标签： angular

Answer 1

您需要将数组嵌入数据对象中 - 就像您将任何其他数据发送到对话框一样。然后，在这种情况下，您可以使用this.data.arrayForDialog在对话框中获取它。

openDialog(address, city, pin, phone, orderid, orderstatus, totalprice, updateby, updatedate): void {
    let myArray = [{name: 'jon'}, {name: 'bob'}];
    const dialogRef = this.dialog.open(OrderDialogComponent, {
       width: '1000px',
       data: {
           arrayForDialog: myArray,
           Address: address, 
           City: city, 
           Pin: pin, 
           phone:phone,
           Orderid: orderid, 
           Orderstatus: orderstatus,
           Totalprice: totalprice,
           Updateby: updateby,
           Updatedate: updatedate
       }
   });
   dialogRef.afterClosed().subscribe(result => {
      console.log('The dialog was closed');
      //this.animal = result;
   });
}