angular.js routing 404在asp.net中找不到错误

我正在使用angular.js和asp.net webapi编写我的博客网站。我用angular.js做了URL路由。当我点击网址，但我得到404没有发现错误。如何解决这个问题？angular.js routing 404在asp.net中找不到错误

var blogSite = angular.module("blogSite", ["ngRoute"]); 
blogSite.config(['$routeProvider', function ($routeProvider) { 
$routeProvider 
    .when("post/:post", { 
     teplateUrl: 'blogpost.html', 
     controller: 'blogPostController' 
    }) 
    .otherwise({ 
     redirectTo: 'index.html' 
    }); 
}]); 

blogSite.controller("mainPageController", function ($scope, $http,  $routeParams) { 
var url = baseUrl + "getpost"; 
$http.get(url) 
    .success(function (data, status, headers, config) { 
     if (data.length > 0) { 
      $scope.LastBlogPosts = data; 
     } 
     else { 
      $scope.LastBlogPosts = null; 
     } 
    }) 
    .error(function (data, status, headers, config) { 
     console.log(status); 
    }); 
}); 

blogSite.controller("blogPostController", function ($scope, $http, $routeParams) { 
$scope.TestMessage = "Test Message" 
});

index.html页面

div ng-controller="mainPageController"> 
      <ul> 
       <li ng-repeat="blogPost in LastBlogPosts"> 
        <a href="post/{{blogPost.PostUrl}}" class="lastPostUrl mainPagePostTitle">{{blogPost.PostTitle}}</a> 
       </li> 
      </ul> 
     </div> 
    </div> 
</div> 
<div ng-view> 

</div>

来源

2015-09-05 Batuhan Avlayan

'teplateUrl：'blogpost.html'，'应该是'templateUrl：'blogpost.html'，'＆angular doesn''t不提供直接访问html文件 –

我改变了，但错误仍在继续 –

mvc视图文件夹doen't无法直接访问html文件..您尝试访问html文件的位置？ –

你锚应该有#限制重定向，将#在URL的开始会让你&同一页将让你在SPA

<a href="#post/{{blogPost.PostUrl}}" class="lastPostUrl mainPagePostTitle"> 
    {{blogPost.PostTitle}} 
</a>

来源

2015-09-05 11:23:42

非常感谢:)错误解决 –

angular.js routing 404在asp.net中找不到错误

回答

相关问题