app.js和stateProvider中工厂的配置问题

angular.module('myApp', ['ngRoute']);

angular.module('myApp').config(function($routeProvider) {
  $routeProvider
    .when('/', {
      templateUrl: 'home.html',
      controller: 'HomeController'
    })
    .when('/about', {
      templateUrl: 'about.html',
      controller: 'AboutController'
    })
    .otherwise({
      redirectTo: '/'
    });
});

angular.module('myApp').controller('HomeController', function($scope, $http) {
  // 使用$scope和$http等服务
});

angular.module('myApp').config(function($stateProvider) {
  $stateProvider.state('home', {
    url: '/',
    templateUrl: 'home.html',
    controller: 'HomeController'
  });
});

angular.module('myApp').config(function($stateProvider) {
  $stateProvider.state('home', {
    url: '/',
    templateUrl: 'home.html',
    controller: 'HomeController'
  })
  .state('home.about', {
    url: 'about',
    templateUrl: 'about.html',
    controller: 'AboutController'
  });
});

angular.module('myApp').config(function($stateProvider) {
  $stateProvider.state('home', {
    url: '/',
    views: {
      'header': {
        templateUrl: 'header.html',
        controller: 'HeaderController'
      },
      'content': {
        templateUrl: 'content.html',
        controller: 'ContentController'
      },
      'footer': {
        templateUrl: 'footer.html',
        controller: 'FooterController'
      }
    }
  });
});