当文本区域的值为空字符串时，是否将其设置为null

Question

我有一堆由循环生成的文本区域，虽然我可以将初始值设置为null，但如果用户键入文本然后删除它，则该值将恢复为空字符串。

我的html:

<form #reviewForm="ngForm" (ngSubmit)="onReviewFormSubmit(reviewForm.value)">
...
<textarea (input)="value = $event.target.value"
[name]="comments" [ngModel]="defaultValue"
id="{{'comments-'+i}}"
placeholder="Comments"></textarea>
...
</form>

我的组件：

defaultValue: string = null;

json对象需要注释的字符串值，否则为null。当用户键入我得到的字符串值时，我最初使用defaultValue将其设置为null，但一旦他们清空文本区域，它就会恢复为""。

如何将空字符串状态设置为null？

Answer 1

您可以尝试以下操作，在输入事件上调用函数。

尽管提交表单时可能更容易获取值？

<textarea (input)="value = calculateValue($event.target.value)"  
[name]="comments" [ngModel]="defaultValue"
id="{{'comments-'+i}}"
placeholder="Comments"></textarea>

calculateValue(e) {
if(e == '') {
return null
} 
return e
}

Answer 2

值null表示有意不存在任何对象值。

[ngModel]在过帐时不区分空和空。

看到你用nulll绑定控件并发布，它返回空白的">

使用blank绑定时也会发生同样的情况，因为它返回字符串。

另一个例子是，你绑定了一些文本，比如"example"，但用户删除了它并发布了页面，你会得到什么，显然是空白的。

如果你想将空白处理为空，那么你需要看到这个

Answer 3

我认为，您可以在发送表单之前将值重置为null。在onReviewFormSubmit方法中，您可以添加一个if，它检查值是否为空字符串，如果是，则将该特定值设置为null。

if (value.name === '') {
value.name = null;
}