Angular update controller on service changes

app.js

angular.module('recorder', [])
  .controller('MainCtrl', ['Storage', '$scope', '$timeout', function(Storage, $scope, $timeout) {

    $scope.storage = Storage;

    $scope.$on('valueChanged', function (evt, selectors) {
        $scope.$apply(function() {
            $scope.selectors = selectors;
        });
    });

  }])
  .service('Storage', function($rootScope) {
    this.selectors = [];

    var that = this;
    chrome.storage.sync.get('selectors', function(value) {
      $scope.$apply(function() {
        that.selectors = value;
      });
    });

    chrome.storage.onChanged.addListener(function(changes, namespace) {
        for (key in changes) {
          var storageChange = changes[key];
          console.log('Storage key "%s" in namespace "%s" changed. ' +
                      'Old value was "%s", new value is "%s".',
                      key,
                      namespace,
                      storageChange.oldValue,
                      storageChange.newValue);
          if(key=='selectors') {
            that.selectors = storageChange.newValue;
          }
        }
        $rootScope.$broadcast('valueChanged', that.selectors);
      });
  });