Angularjs 角度页面在它处走错路线';第一批货是什么?

Angularjs 角度页面在它处走错路线';第一批货是什么?,angularjs,asp.net-mvc,routing,angular-ui-router,single-page-application,Angularjs,Asp.net Mvc,Routing,Angular Ui Router,Single Page Application,在我的angular应用程序中,当我重新加载页面后,我得到的是空的shell html页面,而不是我期望的主页,即使url指向主路径 请指出我的代码有什么问题? 或者我应该做些什么来纠正这种行为? 服务器端的应用程序包含一个带有ng include标记的cshtml页面 <!DOCTYPE html> <html ng-app="app"> <head> @Scripts.Render("~/bundles/scripts") <base

在我的angular应用程序中,当我重新加载页面后,我得到的是空的shell html页面,而不是我期望的主页,即使url指向主路径

请指出我的代码有什么问题?
或者我应该做些什么来纠正这种行为?

服务器端的应用程序包含一个带有
ng include
标记的cshtml页面

<!DOCTYPE html>
<html ng-app="app">
<head>
    @Scripts.Render("~/bundles/scripts")
    <base href="/">
    <script type="text/javascript">
        (function () {
            'use strict';
            var app = angular.module('app', ['ui.router']);
            app.config(['$stateProvider', '$locationProvider', configurRoutes]);
            function configurRoutes($stateProvider, $locationProvider) {
                $locationProvider.html5Mode(true);
                $stateProvider
                    .state(
                    'home', {
                        url: '/home',
                        template: '<div>At Home Page</div>'
                    });
            }
        })();
    </script>
</head>
<body>
    <div>
        <div ng-include="'/app/layout/shell.html'"></div>
    </div>
</body>
</html>

@Scripts.Render(“~/bundles/Scripts”)
(功能(){
"严格使用",;
var-app=angular.module('app',['ui.router']);
app.config(['$stateProvider','$locationProvider',configurRoutes]);
函数configurRoutes($stateProvider,$locationProvider){
$locationProvider.html5Mode(true);
$stateProvider
.州(
“家”{
url:“/home”,
模板:“在主页上”
});
}
})();
shell.html

<div>
In the shell
<hr/>
<a ui-sref="home"> home </a> 
<div ui-view></div>

在壳里

单击“回家”按钮后,它将按预期工作

更新 在我将shell.html的内容移动到cshtml后,它按预期工作,但没有ng include

尝试向您的stateProvider添加一个Others('home')子句

尝试向您的stateProvider添加一个Others('home')子句