python中绑定多条数据时解决双绑定的数据冲突问题

最新推荐文章于 2025-05-08 23:17:22 发布

glacier木子

最新推荐文章于 2025-05-08 23:17:22 发布

阅读量266

点赞数

分类专栏： python angularJS 文章标签：数据绑定冲突 angularJS python

本文链接：https://blog.youkuaiyun.com/lishanchuan/article/details/84029375

版权

在使用AngularJS开发时，遇到数据绑定冲突问题。当从后台获取到一个包含两条数据的list，并绑定到前端展示时，选择不同openstack账号会请求相应后台数据，这些数据同样绑定在同一个$scope上。为避免数据冲突，文章介绍了在controller中通过添加唯一标识（如'e.'和'i.'前缀）来区分不同数据的方法，以此确保每条数据的变更不会影响到其他数据的显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题场景：用angularJS开发的时候有一个指令是$scope。作用是js控制器和html前端显示之间的数据绑定。如图所示，首先通过后台返回数据，得到一个length为2的list，通过选择对应的openstack账号信息，通过ng-change选择对应账号，请求得到可用域、项目、安全组等后台数据，返回的的数据同样绑定在相同一个$scope的list中。

为了避免选择第一条数据时，第二条数据发生冲突（每条数据绑定都是亲求相同的函数相同的$scope）.在controllersc控制器中做出修改如下：（原来则没有js文件中的e.前缀以及html文中中的i.前缀）

$scope.apply_obj = {}
        $scope.vm_list = {}

        $scope.show_account_list = [];

        $scope.account_info = function () {
            userService.get_account_list({},{},function (res) {
                $scope.show_account_list = res.data
            });
        };
        $scope.account_info();

最低0.47元/天解锁文章