ng-redux-route

1.0.5 • Public • Published

ng-redux-route

Usage:

import angular from 'angular';
import ngRoute from 'angular-route';
import { combineReducers } from 'redux';
import ngRedux from 'ng-redux';
import createLogger from 'redux-logger';
import ngReduxRoute, { routeActions, routeReducer } from 'ng-redux-route';
 
 
const rootReducer = combineReducers({
  //app: appReducer
  router: routeReducer,
});
 
const app = angular.module('app', [
  ngRoute,
  ngRedux,
  ngReduxRoute,
])
  .config(($ngReduxProvider) => {
    const logger = createLogger({
      level: 'info',
      collapsed: true,
    });
    $ngReduxProvider.createStoreWith(rootReducer, ['ngRouteMiddleware', logger]);
  })
  .run(($ngRedux) => {
    
  })
  .name;
 
export default app;

setLocation(setters)

$ngRedux.dispatch(routeActions.setLocation([
  { fn: 'search', args: ['company', 1] }, // $location.search('company', 1)
  { fn: 'replace' },                      // $location.replace()
])));

see $location documentation

const mapStateToThis = state => ({
  router: state.router,
});
const mapDispatchToThis = ({
  setLocation: routeActions.setLocation,
});
const unsubscribe = $ngRedux.connect(mapStateToThis, mapDispatchToThis)(this);
$scope.$on('$destroy', unsubscribe);
 
this.setLocation([
  { fn: 'url', args: ['/some-url'] }, //  $location.url('/some-url')
]);
 

see ngRedux documentation.

Location Helpers

setUrl(url, [replace = false])

setPath(path, [replace = false])

setSearch(search, [paramValue, replace = false])

setHash(hash, [replace = false])

setState(state, [replace = false])

import { locationHelpers } from 'ng-redux-route';
 
locationHelpers.setUrl('/some-url', true)
// {
//   type: '@@ngReduxRoute/setLocation',
//   setters: [
//     {fn: "url", args: ['/some-url']},
//     {fn: "replace"},
//   ]
// }
 

Readme

Keywords

none

Package Sidebar

Install

npm i ng-redux-route

Weekly Downloads

1

Version

1.0.5

License

ISC

Last publish

Collaborators

  • alexanderpo