2013-07-31 94 views
0

我正在使用AngularJS進行簡單的SPA。輸入後重置文本區域

此應用程序包括一個<textarea>這表明,在默認情況下,從綁定的值:

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

每個人都應該能夠在這個textarea的編輯內容,然後將其保存到數據庫中。

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

我怎樣才能防止這種行爲?

+1

嘗試'' –

+0

@KhanhTO 它看起來的工作。 ..你介意給我解釋一下嗎?非常感謝,非常非常。 – user2422960

+1

你的例子只是在'textarea'處插入一個變量,你必須用'ng-model'綁定數據。如果這不存在,那麼在更改時如何更新它 – tymeJV

回答

1

{{}}實際上是ng-Bind這是單向數據綁定在幕後。

ng-model是雙向數據綁定。

在你的代碼中,你實際做的是插入文本內容,不綁定數據。在這種情況下,建議在角度文檔中使用ng-model。嘗試將其更改爲:

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

欲瞭解更多信息,請this threadng-modelng-bind

1

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

在這種情況下,你將與實現此:

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