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 按钮禁用属性的主要内容,如果未能解决你的问题,请参考以下文章