Angular 2 Reactive form Validator - 如何允许null,但是当有输入时,输入需要是数字?

问题描述 投票:2回答:1

我有这样一个形成组:

   channelInfo: this.fb.group({
    youTubeSubs: [null, [Validators.required, CustomValidators.number]],
    instagramFollowers: [null],
    twitterFollowers: [null],
    snapchatFollowers: [null],
    facebookLikes: [null]
  }),

只需要youTubeSubs,所有其他数字都是可选的。但是如果有价值,我需要使用此组件提供的CustomValidators.number确保值为数字:Angular2 Validator

如何同时允许null和数字验证器?因此,如果value为空null,则会显示错误。但如果有值,如果值不是数字,错误将显示?

angular angular2-forms
1个回答
1
投票

在验证其他字段时,只需删除Validators.required即可。

channelInfo: this.fb.group({
    youTubeSubs: [null, [Validators.required, CustomValidators.number]],
    instagramFollowers: [null, [CustomValidators.number]],
    twitterFollowers: [null, [CustomValidators.number]],
    snapchatFollowers: [null, [CustomValidators.number]],
    facebookLikes: [null, [CustomValidators.number]]
}),
© www.soinside.com 2019 - 2024. All rights reserved.