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