在 Angular 中,可以将一个数组作为表单控件的值或模型的属性。这个数组可以用来展示选中的选项或者多个输入值。在 HTML 模板中,可以使用 ngFor 指令来遍历数组,生成多个表单控件。示例如下:
HTML 模板:
组件:
import { Component } from '@angular/core';
@Component({
selector: 'app',
template: `
`
})
export class AppComponent {
fruits = ['apple', 'banana', 'orange'];
selectedFruits = [false, false, false];
}
在这个示例中,fruits 数组用来展示多个复选框表单控件。selectedFruits 数组用来初始化所有复选框的选中状态,以及记录用户的选择。在组件中,可以将这个数组作为模型的属性,以便进一步处理或者发送给后端。