Angularjs 用户界面路由器，can'；不要导航到另一条路线_Angularjs_Asp.net Mvc_Angular Ui Router

Angularjs 用户界面路由器，can'；不要导航到另一条路线

angularjs asp.net-mvc

Angularjs 用户界面路由器，can'；不要导航到另一条路线,angularjs,asp.net-mvc,angular-ui-router,Angularjs,Asp.net Mvc,Angular Ui Router,我在Mvc应用程序中遇到angularJs ui路由问题。关于这个问题，我看到了几个问题。特别是似乎在解决我的问题。但是，我无法导航到不同的路线在我的视图/Home/Index.cshtml中： @{ Layout = "~/Views/Shared/_Layout.cshtml"; } <base href="/"> <h1> Index Page</h1> <a ui-sref="login">login</a>

我在Mvc应用程序中遇到angularJs ui路由问题。关于这个问题，我看到了几个问题。特别是似乎在解决我的问题。但是，我无法导航到不同的路线

在我的视图/Home/Index.cshtml中：

 @{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<base href="/">

<h1> Index Page</h1>

<a ui-sref="login">login</a>

<ui-view></ui-view>

  var myApp = angular.module("myApp", ['ui.router']);

myApp.controller("LoginController", LoginController);


 myApp.config(function ($stateProvider, $urlRouterProvider, $locationProvider) {

     $stateProvider
         .state('login', {
             url: '/Login',
             templateUrl: '/home/Login',
             controller: LoginController,
             controllerAs: 'controller'
         })

            .state('Index', {
                url: '/',
                templateUrl: '/home/index'
            })
     // Handle request for non-existent route
     //$urlRouterProvider.otherwise('/home');

     $locationProvider.html5Mode({
         enabled: true,
         requireBase: false
     });


 });

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
} 
    <p> Login Page</p>  

<a ui-sref="Index">Index</a>

<body ng-app="myApp">

在Login.cshtml中：

 @{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<base href="/">

<h1> Index Page</h1>

<a ui-sref="login">login</a>

<ui-view></ui-view>

  var myApp = angular.module("myApp", ['ui.router']);

myApp.controller("LoginController", LoginController);


 myApp.config(function ($stateProvider, $urlRouterProvider, $locationProvider) {

     $stateProvider
         .state('login', {
             url: '/Login',
             templateUrl: '/home/Login',
             controller: LoginController,
             controllerAs: 'controller'
         })

            .state('Index', {
                url: '/',
                templateUrl: '/home/index'
            })
     // Handle request for non-existent route
     //$urlRouterProvider.otherwise('/home');

     $locationProvider.html5Mode({
         enabled: true,
         requireBase: false
     });


 });

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
} 
    <p> Login Page</p>  

<a ui-sref="Index">Index</a>

<body ng-app="myApp">

在我的视图/shared/_layout.cshtml:

 @{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<base href="/">

<h1> Index Page</h1>

<a ui-sref="login">login</a>

<ui-view></ui-view>

  var myApp = angular.module("myApp", ['ui.router']);

myApp.controller("LoginController", LoginController);


 myApp.config(function ($stateProvider, $urlRouterProvider, $locationProvider) {

     $stateProvider
         .state('login', {
             url: '/Login',
             templateUrl: '/home/Login',
             controller: LoginController,
             controllerAs: 'controller'
         })

            .state('Index', {
                url: '/',
                templateUrl: '/home/index'
            })
     // Handle request for non-existent route
     //$urlRouterProvider.otherwise('/home');

     $locationProvider.html5Mode({
         enabled: true,
         requireBase: false
     });


 });

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
} 
    <p> Login Page</p>  

<a ui-sref="Index">Index</a>

<body ng-app="myApp">

可能相关的问题：

 @{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<base href="/">

<h1> Index Page</h1>

<a ui-sref="login">login</a>

<ui-view></ui-view>

  var myApp = angular.module("myApp", ['ui.router']);

myApp.controller("LoginController", LoginController);


 myApp.config(function ($stateProvider, $urlRouterProvider, $locationProvider) {

     $stateProvider
         .state('login', {
             url: '/Login',
             templateUrl: '/home/Login',
             controller: LoginController,
             controllerAs: 'controller'
         })

            .state('Index', {
                url: '/',
                templateUrl: '/home/index'
            })
     // Handle request for non-existent route
     //$urlRouterProvider.otherwise('/home');

     $locationProvider.html5Mode({
         enabled: true,
         requireBase: false
     });


 });

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
} 
    <p> Login Page</p>  

<a ui-sref="Index">Index</a>

<body ng-app="myApp">

$locationProvider.html5Mode（true）和$locationProvider.hashPrefix（“！”）.html5Mode（true）在图片中如何匹配？

您正在使用

href

导航到登录状态，这是错误的。您应该使用该指令

<a ui-sref="login">login</a>

指令，以显示目标状态
官方文档包含帮助您入门的内容。
什么错误？另外，您是否在服务器和客户端中定义路由？我有一个可能相关的不同问题。我把它作为单独的问题问了