输入后重置文本区域

Reset a textarea after input

本文关键字：区域置文本输入更新时间：2023-09-26

我使用AngularJS进行简单的SPA。

该应用程序包括一个<textarea>，默认情况下显示绑定的值：

<textarea>{{activeField.rawContent}}</textarea>

应该能够编辑此文本区域中的内容，然后将其保存到数据库中。

我的问题是，一旦进行了输入，文本区域就会保存此输入，然后不再显示绑定的内容，即使更新了activeField.rawContent。

我该如何防止这种行为？

{{}}实际上是幕后的ng-Bind，它是单向数据绑定。

ng-model是双向数据绑定。

在代码中，实际所做的是插入文本内容，而不是绑定数据。在这种情况下，在angular文档中建议使用ng模型。尝试将其更改为：

<textarea ng-model="activeField.rawContent"></textarea>

有关更多信息，请查看此线程、ng模型、ng绑定

将可编辑数据绑定到输入/textarea字段时，需要使用ng模型指令。这会挂接到元素更改事件中，并将更改传播回模型。

在这种情况下，您将使用来实现此功能

<textarea ng-model="activeField.rawContent"></textarea>