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>
答
你锚应该有#
限制重定向,将#
在URL的开始会让你&同一页将让你在SPA
<a href="#post/{{blogPost.PostUrl}}" class="lastPostUrl mainPagePostTitle">
{{blogPost.PostTitle}}
</a>
+0
非常感谢:)错误解决 –
'teplateUrl:'blogpost.html','应该是'templateUrl:'blogpost.html','&angular doesn''t不提供直接访问html文件 –
我改变了,但错误仍在继续 –
mvc视图文件夹doen't无法直接访问html文件..您尝试访问html文件的位置? –