angular - Swal Fire Input 从数组中选择

Question

您好，我想用选择输入制作一个弹出窗口。但我无法从我的数组中显示我的数据。

大批 ：

this.list = [
{
    "vpsId": "06BD0509ADBF3AFE585647C326C68844",
    "vpsIp": "52.5.5.5"
},
{
    "vpsId": "07097478F287D91BC68F7908AC8797FA",
    "vpsIp": "45.234.354"
},
{
    "vpsId": "6BB3415CAB1EDBC9D18D401C2C615A72",
    "vpsIp": "104.144.111.71"
}
];

还有我用来打开 Swail 的代码

Swal.fire({
  title: 'Select one',
  input: 'select',
  inputOptions: new Map([
this.list
]),
  inputValue: '1',
  showCancelButton: true
});

我的选择中有两行：06BD0509ADBF3AFE585647C326C68844 52.5.5.5

但我想得到：

<option value="vpsId">vpsIp</option>

谢谢

或者是否有可能这样：

  title: "<i>Title</i>", 
  html: '<select> <option *ngFor="let i of this.list [value]="i.vpsId">i.vpsIp</option></select>' ,  
  confirmButtonText: "Fermer", 
});

标签： angular

Answer 1

简单化

<select>
    <option *ngFor="let i of items" [value]="i.vpsId">{{i.vpsIp}}</option>
</select>