輸入后重置textarea

Question

我正在使用AngularJS進行簡單的SPA。

此應用程序包含一個<textarea> ，默認情況下顯示綁定的值：

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

應該能夠編輯此textarea中的內容，然后將其保存到數據庫中。

我的問題是，一旦輸入完成，textarea將保存此輸入，之后不再顯示綁定的內容，即使更新activeField.rawContent也是如此。

我怎么能阻止這種行為？

Answer 1

將可編輯數據綁定到input / textarea字段時，需要使用ng-model指令。 這會掛鈎元素更改事件並將更改傳播回模型。

在這種情況下，您將使用以下方法實現：

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

Answer 2

{{}}實際上是幕后的ng-Bind ，它是單向數據綁定。

ng-model是雙向數據綁定。

在您的代碼中，您實際執行的操作是插入文本內容 ，而不是綁定數據。 在角度文檔中建議在這種情況下使用ng-model。 嘗試將其更改為：

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

有關更多信息，請檢查此線程 ， ng-model ， ng-bind