Learning Redux

Redefining the controller

Now we can use ng-redux in our controller.

1. Replace the whole controller code with the following:

app.controller('posts', ($ngRedux, $scope) => {

In addition to $scope, we now also have $ngRedux available in our controller. ng-redux provides a connect function with the following signature: $ngRedux.connect(mapStateToTarget, mapDispatchToTarget)(target)

Similar to calling store.subscribe(), the ng-redux connect function returns an unsubscribe function.

2. First, we will create the mapState function:

  const mapState = (state) => {    return { posts: state.posts }  }

3. The second argument accepts a function or an object of action creators. In our example, we simply pass an object of action creators. The target will be