2017-10-18 86 views
1

我們的工具:AngularJS 1.5.11 w/Angular Material v?從Ng-Paste內更新輸入模型被粘貼操作覆蓋

我們試圖以允許用戶粘貼數據的單一行或列(在我們使用的情況下,整數),他們已經從Excel或谷歌電子表格複製到單個列理念我們的數據表中的輸入。如果它們粘貼到輸入中,我們希望使用粘貼數據中的相應值填充該輸入及其下方的輸入。

這實際上就像是複製Excel電子表格中的列/行並將其粘貼到我們的數據表列中,就像您期望複製的數據粘貼到任何其他電子表格中一樣。

的問題

當用戶粘貼,我們已經能夠通過JQLite $事件對象來獲取並解析粘貼的數據,並把這些數據值進入必將對我國模板的控制器的陣列。然後我們迭代輸入應該改變的行,並將新值賦給該行輸入的正確的'ng-model'屬性。問題在於,在粘貼數據被綁定到初始輸入模型之前,它似乎正在執行ng-paste函數,所以當我們在循環中更改第一個模型時,它會被覆蓋(或其他)。基本上,初始輸入保存粘貼的數據,而不是我們寫入模型的值。

普拉克

這裏:https://embed.plnkr.co/Vt2jDiF7pVmrbYpuoz0E/ 測試:任何一組用空格,逗號,新的生產線,回車或製表符分隔的值應該與我們的代碼工作。複製此行: 5.3245,6234.3443,95.2453,10.2594 並將其粘貼到其中一個輸入中以查看它是如何中斷的。

回答