// 如果使用表單 loopholeForm: FormGroup; constructor( fb: FormBuilder, private modalRef: NzModalRef, private message: NzMessageService, private cveService: CveService ) { this.loopholeForm = fb.group({ loophole: [null], cveName: [null], cnnvdName: [null], grade: [null] }); } ngOnInit() { // 監聽整個表單的變化 this.loopholeForm.valueChanges.subscribe(data => console.log('form', data)); // 單個control 變化 this.loopholeForm.get('cveName').valueChanges.subscribe(data => console.log('solo', data)); }
<nz-form-item> <nz-form-label nzRequired>CNNVD編號</nz-form-label> <nz-form-control nzErrorTip="cnnvd編號不能為空"> <input type="text" nz-input nzSize="default" formControlName="cnnvdName" // 這里綁定 autocomplete="off" placeholder="CNNVD編號" maxlength="255" /> </nz-form-control> </nz-form-item>