Angular-通过单击按钮在父类上切换两个类

Question

我是angular的初学者，我想分享一个我要解决的问题。我正在开发一个简单的测验应用程序，其中我对一个陈述分别以真/假和刻度/十字按钮的形式存在问题。 1个问题中有4个陈述。现在，我尝试了一件事，但是问题是，我无法切换类，如果我单击1个十字按钮，则在所有4个十字按钮上都标记为活动。我的要求也可能是2个叉号和2个勾，我的意思是如果我单击下一个按钮，则先前选中的按钮不应删除当前课程。

HTML

<div class="question-options" *ngFor="let item of search.options;let j = index">
        <div class="statement-row" [ngClass]="(selectAnswer =='true')?'wrong':'correct'">
          <div class="statement-question">
            <div class="qitem-text">
              <div class="qitem-textbox">
                <p>{{item.statement}}</p>
              </div>
            </div>
            <div class="ccq">
              <div class="qitem qclose" (click)="selectAnswer = 'true'">
                <i class="qitembox qclose-icon"></i>
              </div>
              <div class="qitem qtick" (click)="selectAnswer = 'false'">
                <i class="qitembox qtick-icon"></i>
              </div>
            </div>
          </div>
        </div>
      </div>
在这种情况下，我不知道如何管理状态。任何帮助都会很棒。谢谢！

我是angular的初学者，我想分享一个我要解决的问题。我正在开发一个简单的测验应用程序，其中我以真/假和刻度/十字按钮的形式存在问题...

Answer 1

我不知道您的模型结构，但是在您的* ngFor中的项目中>

* ngFor =“让search.options的项

Answer 2

您正在使用该ng生成的所有不同搜索选项，对于同一组件属性，只能选择一个布尔值的“ selectAnswer”，相反，要使代码正常工作，请尝试在组件中声明