输入单击,添加类Angular 8

问题描述 投票:2回答:2

我有一个数组,它产生一组问题。它将它们显示为单选按钮。

这里是HTML

          <div *ngSwitchCase="'radio'">
            <ul>
              <li
                *ngFor="let option of question.options"
                class="col-12 col-sm-6 p-0 purchase-type"
              >
                <input
                  class="form-control"
                  id="{{ option.id }}"
                  formControlName="{{ question.name }}"
                  value="{{ option.value }}"
                  type="radio"
                  (click)="clickEvent()" 
                  [ngClass]="status ? 'success' : 'danger'"
                />
                <label for="{{ option.id }}" class="btn btn-choice {{ option.class }}">
                  <span class="hidden-xs">{{ option.id }} </span
                  ><span class="hidden-xs"> (</span> {{ option.label
                  }}<span class="hidden-xs">)</span></label
                >
              </li>
            </ul>
          </div>

。ts中的布尔值

  status: boolean = false;
  clickEvent() {
    this.status = !this.status;
  }

由于这是数组,所以我很难在每个类之间切换一个类。此刻,当我选择任何单选按钮时,所有单选按钮元素都将应用相同的类。

我如何仅将其应用于单击的单选按钮?

Angular的新手。感谢任何帮助或建议。

提前感谢

javascript angular typescript ecmascript-6 single-page-application
2个回答
0
投票
也许这应该对您有帮助

0
投票
如果您有单选按钮,则想要在切换(选择)后设置样式,可以使用几种方法。一种方法如下。

推荐问答