AngularJS工厂变量在双指令间共享的同步更新问题求助

咱们先理清楚核心：AngularJS的factory是单例模式，所有注入它的组件拿到的都是同一个实例，所以只要绑定和监听方式正确，完全能实现两个指令间的变量同步。你的工厂代码基础是对的，接下来我给你补全指令的正确实现，以及关键注意点。

完整的工厂代码（你的代码没问题，先确认下） #

commonApp.factory('setSmsMessage', [function () { 
  var factoryObj = { 
    data: { isSms: false }, 
    setSms: function () { 
      factoryObj.data.isSms = true; 
    }, 
    reset: function () { 
      factoryObj.data.isSms = false; 
    } 
  }; 
  return factoryObj; 
}]);

第一个修改变量的指令（osSendMessage） #

这个指令负责触发修改工厂里的isSms值，直接调用工厂提供的方法就行：

commonApp.directive('osSendMessage', ['setSmsMessage', function (setSmsMessage) {
  return {
    restrict: 'E', // 这里可以根据你的需求改成A（属性）或者C（类）
    template: '<button ng-click="triggerSms()">触发短信发送</button>',
    link: function(scope) {
      scope.triggerSms = function() {
        setSmsMessage.setSms(); // 调用工厂方法修改isSms为true
        // 也可以直接修改：setSmsMessage.data.isSms = true; 不过用封装的方法更规范
      };
    }
  };
}]);

第二个同步更新的指令 #

这里的关键是绑定引用类型的对象，而不是原始类型的值，这样AngularJS的脏检查机制能自动检测到变化并更新视图。如果需要额外的逻辑，还可以用$watch监听变化：

commonApp.directive('osSmsStatusDisplay', ['setSmsMessage', function (setSmsMessage) {
  return {
    restrict: 'E',
    template: '<div class="sms-status">当前短信状态：{{ smsData.isSms ? "已触发" : "未触发" }}</div>',
    link: function(scope) {
      // 把工厂的data对象绑定到指令作用域——因为是引用传递，后续变化会自动同步
      scope.smsData = setSmsMessage.data;

      // 如果需要在状态变化时执行额外业务逻辑，比如发请求、更新其他视图，用$watch监听
      scope.$watch(
        // 监听工厂里isSms的变化
        function() { return setSmsMessage.data.isSms; },
        function(newStatus, oldStatus) {
          if (newStatus !== oldStatus) {
            console.log('短信状态更新了：', newStatus);
            // 这里写你的额外逻辑，比如调用其他服务、更新本地存储等
          }
        }
      );
    }
  };
}]);

关键注意点 #

• 别直接绑定原始类型值：如果你写scope.isSms = setSmsMessage.data.isSms，这是值传递，后续工厂里的isSms变化时，指令的scope.isSms不会自动更新，一定要绑定整个data对象。
• 确保两个指令都正确注入了setSmsMessage工厂，这样它们拿到的是同一个单例实例。
• AngularJS的脏检查会在digest循环中自动检测引用对象的属性变化，所以视图会自动更新，不需要手动触发$apply（除非你在Angular上下文外修改变量，比如用原生定时器，但你的场景里用工厂方法修改是在Angular上下文内的，没问题）。

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