Ionic 4 按钮禁用属性

Posted

技术标签:

【中文标题】Ionic 4 按钮禁用属性【英文标题】:Ionic 4 button disable on property 【发布时间】:2020-10-14 00:15:44 【问题描述】:

我正在尝试使用 ion 按钮中的 [disabled] 属性禁用属性上的按钮,但该按钮无法使用属性值启用。

    <ion-button class="bottombtn" [disabled]="disable" expand="block" (click)="selectProperty()">
      this.pageContent.buttonText
    </ion-button>

  radioValue(value) 
    this.selectedAddress = value.detail;
    console.log(this.selectedAddress);
    this.disable = false;

  

此 radioValue 函数正常工作并按预期更改值。我在这里错过了什么?

【问题讨论】:

【参考方案1】:

试试这个 sn-p:

<ion-button class="bottombtn" 
  [disabled]="(!selectedAddress || selectedAddress === '')" expand="block" 
  (click)="selectProperty()">
  this.pageContent.buttonText
</ion-button>

【讨论】:

如果您不检查地址数组而只检查一个地址,这将起作用。 没用。必须在单选按钮上创建一个单击功能来更改变量。很奇怪。

以上是关于Ionic 4 按钮禁用属性的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 ionic 2 禁用/启用按钮?

在 Ionic 应用程序中禁用硬件后退按钮?

Ionic 2 - 如果没有互联网 + 有效表单,我如何禁用按钮

从按钮引导程序 4 中删除禁用属性

单选按钮检查属性未在 Ionic 中设置为 True

离子切换按钮不显示正确的切换 - Ionic 3,Angular 4