angular+ 關於form表單監聽變化


// 如果使用表單

 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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM