2013-08-17 31 views
7

ng-model是否允許在表格的元素內?如果我更改特定列(即視圖),角將自動更新模型?是ng-model允許在​​表內的元素嗎?

+0

你打算如何改變*「一個特定的列」*?表格元素不能用於輸入,而'ng-model'將交互式內容元素有效地綁定到範圍。 –

+0

實際上我正在創建一個內聯可編輯表。爲此,我希望將模型與列相關聯,以便當用戶輸入某些內容到列(即視圖)角度時自動更新模型,但不會發生。我沒有使用輸入元素。我直接讓表格單元格可編輯。對此有何建議? – Pratz

回答

8

如果您使用HTML contenteditable屬性直接編輯表格單元格,那麼ng-model將不會自動工作,因爲默認情況下它僅適用於表單元素。

雖然可以使它與contenteditable一起使用。有一個工作的例子,如何在角網站上做到這一點http://docs.angularjs.org/api/ng.directive:ngModel.NgModelController

+1

賓果...它的工作。雖然我需要做一些更多的解決方法,但最終它使用NgModelController :) – Pratz

+0

嗨普拉茨,你做了什麼?因爲它不適用於我 –

+0

同樣在這裏..不爲我工作... – Ziggler

2

NG-模型允許的地方典型的表單元素存在,可以用指令(input, select and textarea

有一件事我會說NG-模型,可以使它有點棘手的是,你將要綁定納克-model到一個對象的屬性,而不僅僅是一個簡單的範圍變量。我遇到了幾個將$ scope.foo綁定到ng-model並將其用於輸入控件的實例。然後,如果清除輸入字段,則綁定會丟失,並停止更新變量。使用類似$ scope.fooObj.modelProp的地方,其中fooObj是一個對象,它會正常工作。

+0

我正在創建一個內聯可編輯表,因此我無法將輸入元素用於表格列。我嘗試使用$ scope.fooObj.property以及ng模型,但它也沒有幫助。任何建議? – Pratz