离子组件中的两种方式数据绑定 "alertcontroller"

Question

在 ionic alertcontroller 中是否可以有两种方式的数据绑定？我尝试了不同的方法但我没有成功，尝试向文本输入添加一个处理程序但我不能，我想知道是否有是接受 alertcontroller 的输入更改的任何函数。请帮忙

let prompt = this.alertCtrl.create({
          title: 'VALORES DE LA ENTRADA',
          message: "INGRESE EL COSTO, EL IVA, EL DESCUENDO Y LA CANTIDAD",
          inputs: [
            {
              name: 'costo',
              label: 'COSTO: ',
              placeholder: 'COSTO',
              value: (productData[0].costo).toString().match(/^-?\d+(?:\.\d{0,2})?/)[0]
            },
            {
              name: 'iva',
              label: 'IVA: ',
              placeholder: 'IVA',
              value: iva
            },
            {
              name: 'descuento',
              placeholder: 'DESCUENTO',
              value: descuento
            },
            {
              name: 'cantidad',
              placeholder: 'CANTIDAD',
              value: cantidad
            }
          ],
          buttons: [
            {
              text: 'Cancelar',
              handler: data => {
                console.log('Cancel clicked');
              }
            },
            {
              text: 'Aceptar',
              handler: data => {
                costo = data.costo;
                iva = ((costo) - (descuento))* 0.16;
                descuento = data.descuento;
                cantidad = data.cantidad;
                cantidadEq = cantidad * this.valorEq;
                var costoTotal = costo * cantidad;
                var total = (costoTotal + (iva*cantidad)) - descuento;
              }
            }
          ]
        });
        prompt.present();

Answer 1

要在 AlertController 中进行 two-way 数据绑定甚至更改输入处理程序都没有简单的方法。 AlertController 适用于简单的用例。

根据AlertController docs：

If you require a complex form UI which doesn't fit within the guidelines of an alert then we recommend building the form within a modal instead:

这可以通过以下方式实现：

let formModal = this.modalCtrl.create(MyCustomFormComponent);

其中 MyCustomFormComponent 是具有表单和 two-way 出价的组件。

在这个答案中，您可以找到如何从模态取回数据的示例：

离子组件中的两种方式数据绑定 "alertcontroller"

Two way databinding on ionic component "alertcontroller"

javascript

handle

typescript

ionic-framework