复选框选中时，角度2显示div

Question

我使用一系列问题作为模型：

questions: Question[] = [];

我打印了一个复选框列表，其中包含页面侧面的问题数组。现在，当选中一个复选框时，我想要一个带有问题信息的div，以便在页面上显示。当复选框是否被选中时，如何将checked_div数组与questions数组进行通信以显示/隐藏div？

Answer 1

如果不知道您的代码或Question课程的结构，我建议您将复选框绑定到[ngModel]，并使用ngIf显示您的div。我假设如下（对于Angular 2 +）：

问题类：

class Question {
  question: string;       // the question
  visible: boolean;       // is the div visible or not
  answers: Array<String>; // an array with answers
}

浏览问题数组

<div *ngFor="let question of questions">
  <input type="checkbox" ([ngModel])="question.visible">
  <div class="question-info" *ngIf="question.visible">
    // Question Info
  </div>
</div>