单击按钮后隐藏整行答案

【问题标题】：Hide entire row after button click单击按钮后隐藏整行
【发布时间】：2019-06-23 00:27:56
【问题描述】：

我正在使用带有 ngFor 循环的离子卡。所有卡片都包含一行反馈按钮。如果单击此卡的按钮，我想隐藏整行。我的方法不起作用。谢谢你的提示。

错误

No value accessor for form control with unspecific name attribute

HTML

<ion-card class="card card-ios" *ngFor="let card of cardArray; let i = index">
 ...
<ion-row [(ngModel)]="feedBackButtons[$i + 1]">
    <ion-col>
      <button class="thumbButtons" ion-button icon-start clear small (click)="tileViewThumbUp(i, card.category, card.coveredText)">
            <ion-icon name="ios-thumbs-up"></ion-icon>
            <div>{{"Helpful" | translate }}</div>
          </button>
    </ion-col>
    <ion-col>
      <button class="thumbButtons" ion-button icon-start clear small (click)="tileViewThumbDown(i, card.category, card.coveredText)">
            <ion-icon name="ios-thumbs-down"></ion-icon>
            <div>{{"NotHelpful" | translate }}</div>
          </button>
    </ion-col>
</ion-row>
...

feedBackButtons: boolean = true;

...

tileViewThumbUp(index, category, coveredText) {
   this.feedBackButtons[index] = false;
}
tileViewThumbDown(index, category, coveredText) {
   this.feedBackButtons[index] = false;
}

【问题讨论】：

看起来修复就在错误中：向表单控件添加name 属性

标签： typescript ionic3

【解决方案1】：

好的，我通过这种方法解决了：

    <ion-row [hidden]="card.hideFeedback">
    <ion-col>
      <button class="thumbButtons" ion-button icon-start clear small (click)="card.hideFeedback = !card.hideFeedback;tileViewThumbUp(card.category, card.coveredText)">
            <ion-icon name="ios-thumbs-up"></ion-icon>
            <div>{{"Helpful" | translate }}</div>
          </button>
    </ion-col>
    <ion-col>
      <button class="thumbButtons" ion-button icon-start clear small (click)="card.hideFeedback = !card.hideFeedback;tileViewThumbDown(card.category, card.coveredText)">
            <ion-icon name="ios-thumbs-down"></ion-icon>
            <div>{{"NotHelpful" | translate }}</div>
          </button>
    </ion-col>
  </ion-row>

【讨论】：