要在Angular 6中使用JSON创建模板驱动的表单以及处理多选框,可以按照以下步骤进行操作:
import { Component, OnInit } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
@Component({
selector: 'app-form',
templateUrl: './form.component.html',
styleUrls: ['./form.component.css']
})
export class FormComponent implements OnInit {
// JSON数据
formData = {
name: '',
email: '',
gender: '',
hobbies: []
};
constructor() { }
ngOnInit() {
}
}
submitForm() {
console.log(this.formData);
}
现在,当提交按钮被点击时,表单数据将被打印到控制台。
请注意,以上代码仅仅是一个简单的示例,仅展示了如何使用JSON创建模板驱动的表单以及处理多选框。在实际应用中,可能需要进行更多的验证和处理。