Angular 2将null设置为输入字段的空字符串值
发布时间:2020-12-17 07:58:59 所属栏目:安全 来源:网络整理
导读:我有一个输入字段映射到我的控制器中的实体与ngModel双向绑定. input type="text" [(ngModel)]="entity.one_attribute" / 当我初始化我的控制器时,我有这个实体: { one_attribute: null } 如果用户开始填写该字段但未立即提交表单并清空该字段,则我的实体将
我有一个输入字段映射到我的控制器中的实体与ngModel双向绑定.
<input type="text" [(ngModel)]="entity.one_attribute" /> 当我初始化我的控制器时,我有这个实体: { one_attribute: null } 如果用户开始填写该字段但未立即提交表单并清空该字段,则我的实体将更新为: { one_attribute: "" } 是否可以定义空字符串应自动更改为null?
在查看了一堆关于ValueAccessor和HostListener解决方案的答案后,我制作了一个可行的解决方案(使用RC1测试):
import {NgControl} from "@angular/common"; import {Directive,ElementRef,HostListener} from "@angular/core"; @Directive({ selector: 'input[nullValue]' }) export class NullDefaultValueDirective { constructor(private el: ElementRef,private control: NgControl) {} @HostListener('input',['$event.target']) onEvent(target: HTMLInputElement){ this.control.viewToModelUpdate((target.value === '') ? null : target.value); } } 然后在输入字段中使用它: <input [(ngModel)]="bindedValue" nullValue/> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |