我正在使用AngularJS進行簡單的SPA。輸入後重置文本區域
此應用程序包括一個<textarea>
這表明,在默認情況下,從綁定的值:
<textarea>{{activeField.rawContent}}</textarea>
每個人都應該能夠在這個textarea的編輯內容,然後將其保存到數據庫中。
我的問題是,一旦輸入完成,textarea將保存此輸入,之後不再顯示綁定的內容,即使activeField.rawContent
已更新。
我怎樣才能防止這種行爲?
我正在使用AngularJS進行簡單的SPA。輸入後重置文本區域
此應用程序包括一個<textarea>
這表明,在默認情況下,從綁定的值:
<textarea>{{activeField.rawContent}}</textarea>
每個人都應該能夠在這個textarea的編輯內容,然後將其保存到數據庫中。
我的問題是,一旦輸入完成,textarea將保存此輸入,之後不再顯示綁定的內容,即使activeField.rawContent
已更新。
我怎樣才能防止這種行爲?
的{{}}
實際上是ng-Bind
這是單向數據綁定在幕後。
ng-model
是雙向數據綁定。
在你的代碼中,你實際做的是插入文本內容,不綁定數據。在這種情況下,建議在角度文檔中使用ng-model。嘗試將其更改爲:
<textarea ng-model="activeField.rawContent"></textarea>
欲瞭解更多信息,請this thread,ng-model,ng-bind
將可編輯數據綁定到input/textarea字段時,需要使用ng-model指令。這會掛鉤到元素更改事件並將更改傳播回模型。
在這種情況下,你將與實現此:
<textarea ng-model="activeField.rawContent"></textarea>
嘗試'' –
@KhanhTO 它看起來的工作。 ..你介意給我解釋一下嗎?非常感謝,非常非常。 – user2422960
你的例子只是在'textarea'處插入一個變量,你必須用'ng-model'綁定數據。如果這不存在,那麼在更改時如何更新它 – tymeJV