javascript - ionic 组件中的两种方式数据绑定(bind) "alertcontroller"

Question

在 ionic alertcontroller 中是否可以有两种方式的数据绑定(bind)？，我尝试了不同的方式但我没有成功，尝试向文本输入添加一个处理程序但我不能，我想知道是否有任何接受 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

没有简单的方法来实现双向数据绑定(bind)，甚至更改 AlertController 中输入的处理程序。 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 是具有表单和双向出价的组件。

在这个答案中，您可以找到如何从模态取回数据的示例:Ionic 2 - Get data back from modal