angular - ngModel 使输入框的预填充停止工作

Question

我有一个角度组件，它提供输入框来输入评论。我最初有：

<textarea class="comment-box" type="text" name="comment" value="{{_input.comment}}"></textarea>

这会导致评论框预先填充现有的评论值（如果有的话）。它工作正常。

现在我为 2 路绑定添加 ngModel 为：

<textarea class="comment-box" type="text" name="comment" [ngModel]="comment" (ngModelChange)="handleCommentChange($event)"
          value="{{_input.comment}}"></textarea>

现在，当评论被修改时，组件中的 handleCommentChange 会被调用。它可以工作，但是 textarea 的预填充不再起作用，并且 textarea 为空，即使在组件加载时注释具有初始值。

如何同时拥有这两种功能？

标签： angulartextareangmodel

Answer 1

请从

[ngModel]="comment"

至

[ngModel]="_input.comment"

我也认为你不需要

value="{{_input.comment}}"