Angularjs 获取Angular2中动态列表的复选框状态

这让我一整天都很困惑；我正在开发一个

Angular2

应用程序，我有一个问题列表，每个问题都附有一个

复选框，看起来像这样。问题是列表是动态递增的，所以一旦我添加了一个问题，它就会显示出来，如使用
ngFor
所示，代码如下：

 <li *ngFor="#qt of listQuestion">
                                
               <span class="md-card-list-item-date">20 Jul</span>
               <div class="md-card-list-item-select">
               <input type="checkbox" [(ngModel)]="theCheckbox" (Change)="addQues($event)"/>  </div>

               <div class="md-card-list-item-subject">
                     <span>{{qt.wordingQ}}</span>
                                </div>
 </li>


7月20日
{{qt.wordingQ}}


其中
wordingQ
是包含问题措辞的
Question
对象的参数。因此，对于每个添加的问题，它将创建一个
ngModel
，如果分配给相同的变量（
theCheckbox
），则会出现问题，因为当我想检查一个问题时，会检查所有其他问题，反之亦然，因此，我无法独立检查每个问题的状态，因为它是一个动态列表，而不是静态列表。你们能帮我吗？我是新来的
Angular2
我怎样才能为每个问题创建一个独特的
ngModel
——也许吧——或者有什么相对的解决方案？
提前感谢。
我建议为每个问题创建一个组件。然后每个问题都有自己的范围，您可以在其中为每个问题的复选框添加连接模型

<li *ngFor="#qt of listQuestion">
  <question [question]="qt"></question>
</li>




问题1.ts

@Component({
  selector: 'question',
  template: ’
           <span class="md-card-list-item-date">20 Jul</span>
           <div class="md-card-list-item-select">
           <input type="checkbox" [(ngModel)]="theCheckbox" (Change)="addQues($event)"/>  </div>
           <div class="md-card-list-item-subject">
             <span>{{question.wordingQ}}</span>
           </div>’
})

export class QuestionComponent {
  @Input() question:any;
  theCheckbox: boolean;
}

@组件({
选择器：“问题”，
模板：'
7月20日
{{question.wordingQ}}
’
})
导出类组件{
@输入（）问题：任何；
复选框：布尔；
}
这是个好主意，但它不起作用，因为我已经为每个问题准备了一个组件。。