输入单击，添加类Angular 8

Question

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

这里是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的新手。感谢任何帮助或建议。

提前感谢

Answer 1

也许这应该对您有帮助

Answer 2

如果您有单选按钮，则想要在切换（选择）后设置样式，可以使用几种方法。一种方法如下。