AngularJS服务：使用$interval切换自身模型对象布尔值

首先，你的metro服务已经用引用类型的对象包裹了布尔值（这步很关键，因为AngularJS里基本类型是值传递，用对象包裹才能让控制器和服务共享状态变化），接下来只需要在GlobalCtrl里完成几步就能实现每秒切换的功能：

完整的控制器代码 #

function GlobalCtrl($scope, $interval, metro) {
  var th = this;
  
  // 初始化控制器的pulse值，和服务状态保持同步
  th.pulse = metro.getFlagValue().value;
  
  // 启动每秒执行一次的定时器
  var intervalPromise = $interval(function() {
    // 方式一：先切换本地变量，再同步到服务
    th.pulse = !th.pulse;
    metro.setFlagValue(th.pulse);

    // 方式二：直接操作服务的flagValue对象（引用传递，更简洁）
    // const flag = metro.getFlagValue();
    // flag.value = !flag.value;
    // th.pulse = flag.value; // 同步到本地变量
  }, 1000);
  
  // 重要：控制器销毁时清理定时器，避免内存泄漏
  $scope.$on('$destroy', function() {
    $interval.cancel(intervalPromise);
  });
}

// 别忘了把控制器注册到你的AngularJS模块
// angular.module('yourApp').controller('GlobalCtrl', GlobalCtrl);

关键细节说明 #

• 初始状态同步：初始化时把服务里的flagValue.value赋值给th.pulse，保证控制器和服务的初始状态一致。
• 定时器清理：必须在控制器销毁时调用$interval.cancel()取消定时器，否则页面跳转后定时器会持续运行，导致不必要的内存泄漏。
• 两种更新方式可选：
  • 方式一更符合服务的封装原则，通过服务提供的setFlagValue方法修改状态，便于后续对状态修改做统一处理（比如加日志、验证）。
  • 方式二更直接，利用对象的引用传递特性，直接修改服务内的属性值，代码更简洁。

这样就能实现通过metro服务结合$interval每秒切换布尔值的功能啦～

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