asp.net中未找到angular.js路由404错误
我正在使用angular.js和asp.net webapi编写我的博客站点。我用angular.js做了url路由。当我点击网址,但我得到404找不到错误。如何解决这个问题asp.net中未找到angular.js路由404错误,asp.net,angularjs,asp.net-web-api,Asp.net,Angularjs,Asp.net Web Api,我正在使用angular.js和asp.net webapi编写我的博客站点。我用angular.js做了url路由。当我点击网址,但我得到404找不到错误。如何解决这个问题 var blogSite = angular.module("blogSite", ["ngRoute"]); blogSite.config(['$routeProvider', function ($routeProvider) { $routeProvider .when("post/:post", {
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>
div ng controller=“mainPageController”>
-
你的锚应该有#
来限制重定向,把#
放在URL的开头会让你保持在同一个页面上,让你保持在SPA中
<a href="#post/{{blogPost.PostUrl}}" class="lastPostUrl mainPagePostTitle">
{{blogPost.PostTitle}}
</a>
你的锚应该有
#
来限制重定向,把#
放在URL的开头会让你保持在同一个页面上,让你保持在SPA中
<a href="#post/{{blogPost.PostUrl}}" class="lastPostUrl mainPagePostTitle">
{{blogPost.PostTitle}}
</a>
teplateUrl:'blogpost.html',
应该是templateUrl:'blogpost.html',
&angular不提供对html文件的直接访问我已更改但错误持续VC视图文件夹不提供对html文件的直接访问..从哪里尝试访问html文件?我的解决方案中有两个项目。第一个BlogSite.API,第二个BlogSite.UI。我没有使用mvc模板创建blogsite.ui。blogpost.html文件位于blogsite.ui项目中控制台中是否有任何错误更改?或者您遇到的错误与以前相同?teplateUrl:'blogpost.html',
应该是templateUrl:'blogpost.html',
&angular不提供对html文件的直接访问我已更改,但错误持续VC views文件夹不提供对html文件的直接访问..您尝试从何处访问html文件?我的解决方案中有两个项目。第一个BlogSite.API,第二个BlogSite.UI。我没有使用mvc模板创建blogsite.ui。blogpost.html文件位于blogsite.ui项目中控制台中是否有任何错误更改?或者你得到了与以前相同的错误?