如果模型不存在，为什么IE会显示null

Question

如果我的模型不存在，为什么在IE 11中呈现“空”？ 例如：

<tr>
    <td [innerHTML]="model?.prop1 | my-pipe"> </td>
</tr>

想象一下：加载页面时，我向服务器发送请求，结果是带有prop1字段的json，并且如果找不到服务器回答为404（或其他原因，则不重要），我的模型为null，并且IE 11浏览器将NULL渲染到td标签中，而FF和Chrome将空白渲染到该标签中。

P.S。我想知道这种现象的原因。 我知道如何解决。 谢谢。

Answer 1

这是known bug。据this comment称，它被视为Edge问题。 IE修复的可能性极小，我什至不敢说。

对于任何不知道如何解决的人：在这种情况下，解决方法是使用*ngIf：

<td *ngIf="model?.prop1" [innerHTML]="model?.prop1 | my-pipe"> </td>

属性出现问题时，例如：

<textarea [value]="model?.prop1"></textarea>

然后您可以改用attr.value：

<textarea [attr.value]="model?.prop1"></textarea>