ExpressJS / AngularJS视图路由

Question

There is some AngularJS routing:

app.config(['$stateProvider', '$urlRouterProvider', '$locationProvider', function($stateProvider, $urlRouterProvider, $locationProvider) {
  $stateProvider
    .state('home', {
      url: '/home',
      templateUrl: '/home.html',
      controller: 'MainCtrl',
          resolve: {
            postPromise: ['posts', function(posts){
              return posts.getAll();
            }]
          }
    })

    $locationProvider.html5Mode(true)
  $urlRouterProvider.otherwise('home');
}]);

This routing is at 'root/public/javascripts/app.js'. So, I store home.html 'root/views/home.js'.

My ExpressJS app file contains this string:

app.set('views', path.join(__dirname, 'views')); 

But when I execute my application I get error: 404 for '/home.html'. How can I fix it? Thanks in advance!

Answer 1

TemplateUrl is an Angular template that should be located in your public folder. So templateUrl /home.html will resolve to /root/public/home.html , not /root/views/home.html . I feel that's where the problem is, given the info you provided.

Answer 2

I think you should replace templateUrl: '/home.html' with templateUrl: 'views/home.html' (or maybe /views/home.html ). Currently it is not taking the home.html in the views folder.