Learning Redux

Defining the module and controller

Next, we will need to define the module and controller in our src/index.js file:

1. Remove the render() and stopRender() functions and replace them with the following code:

const app = angular.module('blog', [])

This tells Angular to attach (render the app) to the ng-app="blog" container element.

2. Now, we will define our controller:

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

3. In our controller, we first pull out the posts from our state:

const { posts } = store.getState()

4. Then, we add the posts to the Angular scope:

  $scope.posts = posts})

In your browser, you should now see a result similar to the previous render() function:

Manually connecting Angular to Redux