Angularjs 与 redux

AngularJS与Redux：简化前端开发的利器

npm install redux ng-redux

javascript
angular.module('myApp', ['ngRedux']);

javascript
function counterReducer(state = 0, action) {
  switch (action.type) {
    case 'INCREMENT':
      return state + 1;
    case 'DECREMENT':
      return state - 1;
    default:
      return state;
  }
}

javascript
angular.module('myApp').config(['$ngReduxProvider', function($ngReduxProvider) {
  $ngReduxProvider.createStoreWith(counterReducer);
}]);

javascript
angular.module('myApp').component('counter', {
  template: `
    
      Increment
      {{$ctrl.count}}
      Decrement
    
  `,
  controller: function($ngRedux) {
    const unsubscribe = $ngRedux.connect(this.mapStateToThis, this.mapDispatchToThis)(this);
    this.$onDestroy = unsubscribe;
    this.increment = function() {
      $ngRedux.dispatch({ type: 'INCREMENT' });
    };
    this.decrement = function() {
      $ngRedux.dispatch({ type: 'DECREMENT' });
    };
  },
  bindings: {}
});