文本字段在第二次提交Angular 5时返回null

Question

我正在处理一个过滤记录结果的表单，有2个文本字段是mat-autocompletes和一些复选框。

单击“应用”过滤器时，字段的值将插入到对象中并推送到数组中。

然后重置表单

我的情况是，当字段为空时，我不希望填充对象。

第一次很好，它按预期工作，但是在下一次迭代中，我得到“无法修剪null”（在字段上使用.trim（））

HTML：

user_id

TS：

user_id

Answer 1

如果您的变量都不为空，则必须先检查 ：

if (organisationField.value !== null && organisationField.value.trim() == '') {
    //your code here
}

if (countriesField.value !== null && countriesField.value.trim() == '') {
    //your code here
}