Angular SweetAlert2 多 Select
Angular SweetAlert2 Multi Select
我需要在 SweetAlert2
中使用 ng-select
指令,以下代码不起作用:
const { value: formValues } = await swal.fire({
title: 'Multiple inputs',
html:
'<ng-select id="selectedItems" [items]="'+this._data+'" bindLabel="name"' +
'placeholder="Items" [multiple]="true">' +
'</ng-select>',
focusConfirm: false,
preConfirm: () => {
return [
document.getElementById('parcoursSelected').value
]
}
})
if (formValues) {
swal.fire(JSON.stringify(formValues))
}
有两个问题:
- 第一种:输入select不显示
- 第二个:我不知道如何获取selected值
提前致谢
据我以前使用 sweet alert 和 Angular 2+ 的经验所知,sweet alert 代码仅在按下按钮时注入,之后不会通过 angular 重新编译,因此您不能在 swal HTML 中添加指令并期望它们起作用。
我需要在 SweetAlert2
中使用 ng-select
指令,以下代码不起作用:
const { value: formValues } = await swal.fire({
title: 'Multiple inputs',
html:
'<ng-select id="selectedItems" [items]="'+this._data+'" bindLabel="name"' +
'placeholder="Items" [multiple]="true">' +
'</ng-select>',
focusConfirm: false,
preConfirm: () => {
return [
document.getElementById('parcoursSelected').value
]
}
})
if (formValues) {
swal.fire(JSON.stringify(formValues))
}
有两个问题:
- 第一种:输入select不显示
- 第二个:我不知道如何获取selected值
提前致谢
据我以前使用 sweet alert 和 Angular 2+ 的经验所知,sweet alert 代码仅在按下按钮时注入,之后不会通过 angular 重新编译,因此您不能在 swal HTML 中添加指令并期望它们起作用。