Boostrap模态的变化会改变不同的范围变量

时间:2018-04-29 07:15:23

标签: javascript angularjs

我有一个应用程序,当我点击编辑按钮时,它弹出一个bootstrap模式,我可以编辑数据。但问题是当我更改bootstrap模式中的任何数据时,列表中的数据也会发生变化。这里奇怪的是模态编辑数据的范围变量和与页面中的数据相关的范围变量是不同的。

可以使用以下网址显示此问题:

http://angularjs.mostlikers.com/curd-operation/

单击“编辑”按钮并尝试更改模态数据,它还会更改表格中的数据,这不应该是理想的情况,直到单击提交为止。

任何帮助都会受到赞赏,因为卡住了很长时间。

1 个答案:

答案 0 :(得分:1)

您应该在将行对象发送到模式时克隆它,您可以使用lodash.js库,如下所示

//When binding row to the modal's scope you should do this,
$scope.user = _.merge({},row)

假设$scope是要编辑的该行的对象中的模态范围和row变量。