javascript - 输入后重置文本区域

Question

我正在使用 AngularJS 进行简单的 SPA。

此应用程序包含一个<textarea>默认情况下显示来自绑定的值：

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

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

我的问题是，一旦输入，textarea 将保存此输入，然后不再显示绑定的内容，即使activeField.rawContent更新时也是如此。

我怎样才能防止这种行为？

Answer 1

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

ng-model是双向数据绑定。

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

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

有关更多信息，请查看此线程、ng-model、ng-bind

Answer 2

将可编辑数据绑定到输入/文本区域字段时，您需要使用 ng-model 指令。这会挂钩元素更改事件并将更改传播回模型。

在这种情况下，您可以通过以下方式实现：

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