AngularJS多控制器通过Service实现Getter、Setter与数据绑定问题求助

嘿，我看了你遇到的问题，核心是没把Promise的用法和Service数据共享的逻辑搞清楚，咱们一步步来解决：

首先，先梳理下你当前代码里的几个明显问题：

1. 你的Service里根本没定义current_data()方法，但控制器里却在调用它——这肯定会出问题，你看到的$$State其实是Promise对象的内部状态，说明你可能误把get_data()的返回值直接赋值了，而没处理异步回调。
2. 直接把Promise对象绑到了$scope上，而不是等待Promise完成后拿到真实数据。
3. 数据共享的逻辑没做好，三个控制器需要共享同一个数据引用才能自动同步，而不是各自去获取数据。

接下来咱们一步步修改代码：

第一步：重构你的Service，让它正确维护共享数据 #

Service需要负责维护唯一的数据源，同时提供获取、更新数据的方法，还要正确处理异步场景：

GDI_App.factory('Service', function($q) {
  // 这里是我们要共享的核心数据源
  var sharedData = [
    { "Data1": "123123", "Data2": "15437" },
    { "Data1": "432234", "Data2": "146" },
    { "Data1": "45654", "Data2": "3534" },
    { "Data1": "76587", "Data2": "78978" },
    { "Data1": "2342", "Data2": "5345878" },
    { "Data1": "178", "Data2": "354534" },
    { "Data1": "173838", "Data2": "354534" },
  ];

  return {
    // 模拟异步获取数据（比如从API拉取），返回Promise
    get_data: function() {
      // 用$q.when把同步数据包装成Promise，适配真实异步场景
      return $q.when(sharedData);
    },
    // 同步获取当前共享数据的引用（关键！这样控制器能绑定到同一个数据源）
    get_current_data: function() {
      return sharedData;
    },
    // 更新共享数据，支持返回Promise方便后续回调
    set_data: function(newData) {
      // 推荐用angular.copy保持原数组引用，视图会自动刷新
      angular.copy(newData, sharedData);
      // 如果你需要直接替换数组引用，也可以用下面这句，但控制器需要重新绑定
      // sharedData = newData;
      
      return $q.when(sharedData);
    }
  };
});

第二步：修改控制器，正确绑定数据 #

表格控制器（第一个和第二个） #

直接绑定Service里的共享数据引用，这样数据更新时视图会自动同步，不需要手动watch：

GDI_App.controller('first_Controller', function ($scope, Service) {
  // 直接绑定共享数据的引用，后续数据更新会自动同步到视图
  $scope.Current = {
    incidents: Service.get_current_data()
  };

  // 如果是真实的异步请求（比如从后端API拿初始数据），可以这样初始化：
  Service.get_data().then(function(fetchedData) {
    // 如果API返回的是新数据，调用set_data更新共享源
    // Service.set_data(fetchedData);
  });
});

GDI_App.controller('second_Controller', function ($scope, Service) {
  // 和第一个控制器完全一样，绑定同一个共享引用
  $scope.Current = {
    incidents: Service.get_current_data()
  };
});

表单提交控制器（第三个） #

提交时调用Service的set_data方法更新数据源，其他控制器的视图会自动刷新：

GDI_App.controller('third_Controller', function ($scope, Service) {
  $scope.submit = function() {
    // 假设你的表单数据存在$scope.formData里，根据实际结构调整
    var updatedData = $scope.formData;
    // 调用Service更新数据，可选then做成功回调
    Service.set_data(updatedData).then(function(data) {
      console.log('数据更新完成！', data);
      // 这里可以加成功提示，比如弹窗或者清空表单
    });
  };
});

关键问题解释 #

• 为什么会拿到$$State？：你看到的$$State是AngularJS Promise对象的内部属性，说明你直接把Promise对象赋值给了$scope.Current.incidents，而不是通过.then()方法获取Promise resolve后的真实数据。Promise是异步的，必须等待它完成才能拿到数据。
• 为什么不用$watch也能同步？：因为AngularJS的双向绑定是基于对象引用的，只要多个控制器绑定的是同一个数组/对象的引用，当Service里修改这个引用的内容（或者用angular.copy保持引用不变），AngularJS的脏检查机制会自动检测到变化，更新所有相关视图，性能比手动加$watch好得多。

内容的提问来源于stack exchange，提问作者Daniel Ellison