1. 首先，在组件中定义一个选项列表和一个数量变量。

import { Component } from '@angular/core';

@Component({ selector: 'app-checkbox-quantity', templateUrl: './checkbox-quantity.component.html', styleUrls: ['./checkbox-quantity.component.css'] }) export class CheckboxQuantityComponent {

options = [ { name: 'Option 1', checked: false }, { name: 'Option 2', checked: false }, { name: 'Option 3', checked: false }, { name: 'Option 4', checked: false } ];

quantity = 0;

}

2. 在模板中创建一个循环，使每个选项都显示一个复选框和一个增量减量输入字段。

3. 点击增量减量按钮时，将选项的数量添加到数量变量中。

4. 最后，你可以在模板中显示总数量。

这样，你就可以创建一个带有复选框和数量增量减量的 Angular 组件了。