是否在文本区域的值为空字符串时将其设置为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]在发布时不区分null和空白。

看你用nulll和post绑定的控件，它返回空白'‘

当你绑定空的时候也会发生同样的事情，因为它会返回字符串。

另一个例子，你绑定了一些文本，说‘示例’，但用户删除它并张贴页面，你会得到什么，显然是空白的。

如果您希望将空白处理为null，则需要使用see this

Answer 3

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

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