2017-10-18 88 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 并将其粘贴到其中一个输入中以查看它是如何中断的。

回答