angular - 警报 Controller setmessage 在 ionic 4 中不起作用

标签 angular ionic4

在alertController中,如果输入字段为空,我想调用prompt.setMessage()。但这在ionic4中不是有效的函数

代码

 const prompt= await this.alertController.create({
      header: 'insert text',
      message: 'enter text',
      inputs: [
        {
          name: 'itemtext',
          placeholder: 'enter text'
        }
      ],
      buttons: [{
          text: 'Cancel',
          role: 'cancel',
          cssClass: 'secondary',
          handler: (blah) => {
            console.log('Confirm Cancel: blah');
          }
        }, {
          text: 'Ok',
          handler: async (data:any) => {
            if(data.itemtext==""){
              prompt.setMessage("text should not be empty");
              return false;
            }
            else{
            console.log("data.itemtext");
            }
          }
        }
      ]
    });
    await prompt.present();

如果文本为空,我不想关闭警报提示 请帮忙。

最佳答案

Ionic 4 中不再有该方法,但您仍然可以直接更改 message 属性来实现您想要的:

const prompt= await this.alertController.create({
      header: 'insert text',
      message: 'enter text',
      inputs: [
        {
          name: 'itemtext',
          placeholder: 'enter text'
        }
      ],
      buttons: [{
          text: 'Cancel',
          role: 'cancel',
          cssClass: 'secondary',
          handler: (blah) => {
            console.log('Confirm Cancel: blah');
          }
        }, {
          text: 'Ok',
          handler: (data:any) => {
            if(data.itemtext==""){
              prompt.message = "text should not be empty";
              return false;
            }
            else{
              console.log(data.itemtext);
            }
          }
        }
      ]
    });
    await prompt.present();

我还从处理程序中的方法中删除了“async”,因为您在那里不需要它。

关于angular - 警报 Controller setmessage 在 ionic 4 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57899768/

相关文章:

angular - fs.existsSync 不是 Angular 和 Electron 应用程序中的函数错误

javascript - 如何仅在angular5的ngx数据表中选择当前页面的行

angular - 如何在 ionic 4 应用程序 ion-list 上放置一个简单的过滤器

angular - 使用 Ionic 4 和 Electron Desktop 将文件保存在文件夹中

ionic4 - 带电容器的 ionic PWA

angular - ng : 'mat-table'  is not a known element

angular - 无法在字符串 '__creationTrace__' 上创建属性 '__zone_symbol__optimizedZoneEventTask'

javascript - ionic 输入 onclick in ionic 4 angular 6

css - 我无法将内容正确居中,怎么办?

angular - 如何以 Angular 显示表单内的对象值?