Css 如何在ionic中使按钮处于默认状态？

我有一个需要创建调查页面的应用程序。每个调查问题都有是和否按钮作为用户的回答

由于我是新使用离子，我的问题是，在构建代码之后，检查输出的时间。其中一个按钮已处于单击状态，如下图所示。这就是我运行应用程序后的现状。也就是说，按钮应该是松开的，背景为白色。希望你能帮助我，因为我仍然混淆它使用离子

以下是我使用的代码：

.html-已编辑

 <ion-row>
    <ion-col size-md = "6">
      <ion-button (click)="onYesQ1()" [ngClass]="enoughTime ==='Yes' ?'btn-pressed':'btn-unpressed'"  [class]="btn-pressed" fill = "clear">
        <div class = "parentElement">  
      <img src = "{{myYesImage|staticpath}}"/>
    <br><br><p class = "btn-work"><b>Yes</b></p>
        </div>
      </ion-button>
      <ion-button (click)="onNoQ1()" [ngClass]="enoughTime ==='No' ?'btn-pressed':'btn-unpressed'" class="" fill = "clear">
        <div class = "parentElement">
         <img src = "{{myNoImage|staticpath}}"/>
         <br><br><p class = "btn-work"><b>No</b></p>
        </div>
      </ion-button>
    </ion-col>
  </ion-row>

        @Input() enoughTime : string = "";

.ts-已编辑

 <ion-row>
    <ion-col size-md = "6">
      <ion-button (click)="onYesQ1()" [ngClass]="enoughTime ==='Yes' ?'btn-pressed':'btn-unpressed'"  [class]="btn-pressed" fill = "clear">
        <div class = "parentElement">  
      <img src = "{{myYesImage|staticpath}}"/>
    <br><br><p class = "btn-work"><b>Yes</b></p>
        </div>
      </ion-button>
      <ion-button (click)="onNoQ1()" [ngClass]="enoughTime ==='No' ?'btn-pressed':'btn-unpressed'" class="" fill = "clear">
        <div class = "parentElement">
         <img src = "{{myNoImage|staticpath}}"/>
         <br><br><p class = "btn-work"><b>No</b></p>
        </div>
      </ion-button>
    </ion-col>
  </ion-row>

        @Input() enoughTime : string = "";

错误：

---

请修改您的代码位，如下所述。这不是爱奥尼亚的问题。问题在于你的逻辑

.ts文件

@Input() enoughTime : string = "";

<ion-row>
    <ion-col size-md = "6">
      <ion-button (click)="onYesQ1()" [ngClass]="enoughTime ==='Yes' ?'btn-pressed':'btn-unpressed'"  [class]="btn-pressed" fill = "clear">
        <div class = "parentElement">  
      <img src = "{{myYesImage|staticpath}}"/>
    <br><br><p class = "btn-work"><b>Yes</b></p>
        </div>
      </ion-button>
      <ion-button (click)="onNoQ1()" [ngClass]="enoughTime ==='No' ?'btn-pressed':'btn-unpressed'" class="" fill = "clear">
        <div class = "parentElement">
         <img src = "{{myNoImage|staticpath}}"/>
         <br><br><p class = "btn-work"><b>No</b></p>
        </div>
      </ion-button>
    </ion-col>
  </ion-row>

.html文件

@Input() enoughTime : string = "";

<ion-row>
    <ion-col size-md = "6">
      <ion-button (click)="onYesQ1()" [ngClass]="enoughTime ==='Yes' ?'btn-pressed':'btn-unpressed'"  [class]="btn-pressed" fill = "clear">
        <div class = "parentElement">  
      <img src = "{{myYesImage|staticpath}}"/>
    <br><br><p class = "btn-work"><b>Yes</b></p>
        </div>
      </ion-button>
      <ion-button (click)="onNoQ1()" [ngClass]="enoughTime ==='No' ?'btn-pressed':'btn-unpressed'" class="" fill = "clear">
        <div class = "parentElement">
         <img src = "{{myNoImage|staticpath}}"/>
         <br><br><p class = "btn-work"><b>No</b></p>
        </div>
      </ion-button>
    </ion-col>
  </ion-row>

是


否

像这样吗？您添加了两个类。。您可以将两者结合起来，如`class=“activated btn pressd active”`我尝试了这个

和

，但仍然出现相同的问题。在我运行应用程序后，按钮仍然不在白色背景中。我很抱歉，我把你搞错了。我已经更新了我的代码，请使用更新后的代码再试一次！我现在正在应用您的解决方案，但遇到错误，未定义标识符“pressed”。组件声明、模板变量声明和元素引用在这一行代码中的

[class]=“btn pressed

中不包含这样的成员ng。谢谢