复选框组，仅当至少选中一个复选框时才提交按钮 Angular 2

Question

我有一个包含 3 个项目的复选框组。我用 Angular 5.0.5 和 Clarity vm 创建了它。我希望我的函数检查是否至少有一个复选框被选中，然后转到下一页，这是一个向导。到目前为止，向导打开时不会检查是否至少选中了一个复选框。

我的 html 看起来像这样：

<table class="table">
<tbody>
<tr *ngFor="let item of items">
<td>
<input  type="checkbox" name="allowNext" [(ngModel)]="item.chosen">
</td>
<td>
{{item.name}}
</td>
</tr>
</tbody>
</table>
<br>
</form>
<button [disabled] class="btn btn-primary" (click)="go()"> Next </button>

我的打字稿看起来像这样：

items= [
    {name: 'checkbox1', chosen: false},
    {name: 'checkbox2', chosen: false},
    {name: 'checkbox3', chosen: false}
  ];
 go() {
 if(this.items.chosen === true) {
 this.wizard.open();
 ngOnInit () {}
 constructor( public router: Router) {}

你们能帮我定义正确的功能吗？

Answer 1

使用 JQuery 你可以简单地做到这一点：

if ($('#frmTest input:checked').length > 0 ) {

  //your code

}

Answer 2

this.items.some(i => i.chosen)

将检查是否至少选择了一项

复选框组，仅当至少选中一个复选框时才提交按钮 Angular 2

Checkbox group, submit button only if at least one checkbox is checked Angular 2

javascript

checkbox

angular-validation

angular