unsubscribe from Redux when AngularJS app is destroyed

Author: AprilArcus

src/components/ngRedux.js

@@ -63,7 +63,7 @@ export default function ngReduxProvider() {
     },
   };
 
-  this.$get = ($injector) => {
+  this.$get = ($injector, $rootScope) => {
     const resolveMiddleware = middleware => isString(middleware)
       ? $injector.get(middleware)
       : middleware;
@@ -107,10 +107,10 @@ export default function ngReduxProvider() {
 
     const mergedStore = assign({}, store, { connect: Connector(store) });
 
-    if (_providedStore) wrapStore(_providedStore, mergedStore);
+    if (_providedStore) wrapStore(_providedStore, mergedStore, $rootScope);
 
     return mergedStore;
   };
 
-  this.$get.$inject = ['$injector'];
+  this.$get.$inject = ['$injector', '$rootScope'];
 }

src/components/storeWrapper.js

@@ -1,10 +1,11 @@
-export default function wrapStore(providedStore, ngReduxStore) {
-  providedStore.subscribe(() => {
+export default function wrapStore(providedStore, ngReduxStore, $rootScope) {
+  const unsubscribe = providedStore.subscribe(() => {
     let newState = providedStore.getState();
     ngReduxStore.dispatch({
       type: '@@NGREDUX_PASSTHROUGH',
       payload: newState
     });
   });
   providedStore.dispatch({ type: '@@NGREDUX_PASSTHROUGH_INIT' })
+  $rootScope.$on('$destroy', unsubscribe)
 }