前端之家收集整理的这篇文章主要介绍了
Angular 2将null设置为输入字段的空字符串值,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个输入字段映射到我的控制器中的实体与ngModel双向绑定.
<input type="text" [(ngModel)]="entity.one_attribute" />
当我初始化我的控制器时,我有这个实体:
{ one_attribute: null }
如果用户开始填写该字段但未立即提交表单并清空该字段,则我的实体将更新为:
{ one_attribute: "" }
是否可以定义空字符串应自动更改为null?
@H_
404_14@
在查看了一堆关于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/>