从空值转换为字符串“null”的角度反应答案

【问题标题】：Angular reactive from null value cast to string "null"从空值转换为字符串“null”的角度反应
【发布时间】：2021-09-09 16:41:43
【问题描述】：

我正在编写一个响应式表单，其中一些下拉值默认为 null，如下所示：

<div>
    <label>My Dropdown</label>
    <select formControlName="someId">
        <option [value]="null">Choose whatever</option>
        <option *ngFor="let data of dataArr" [value]="data.id">
            {{ data.name }}
        </option>
    </select>
</div>

我的表单初始化如下：

this.formBuilder.group({
    //...
    someId: this.fb.control(null)
});

并使用标准patchValue(model) 函数进行修补。

问题是——当我选择“选择任何”选项时，这个null 值变成了"null" 作为字符串。我的其他逻辑依赖于空值是 true null 而不是字符串。我怎样才能避免这种情况？

如果它很重要，我用来修补表单的模型具有string 类型someId。这是一个因素吗？

【问题讨论】：

你能在stackblitz.com之类的东西上创建一个SSCCE吗？
@ExplosionPills 不需要，接受的答案非常有效

标签： angular typescript types null angular-reactive-forms

【解决方案1】：

关键是使用[ngValue]

看到这个Stackblitz

【讨论】：