Angularjs 为什么angular js路由不起作用？_Angularjs_Asp.net Mvc

Angularjs 为什么angular js路由不起作用？

angularjs asp.net-mvc

Angularjs 为什么angular js路由不起作用？,angularjs,asp.net-mvc,Angularjs,Asp.net Mvc,我在\u Adminlayout.cshtml中有一个菜单，我在其中定义了我的路线，这就是我所做的一切： <!DOCTYPE html> <html ng-app="app"> <head> <meta name="viewport" content="width=device-width" /> <title>@ViewBag.Title</title> <link href="~/C

我在

\u Adminlayout.cshtml

中有一个菜单，我在其中定义了我的

路线

，这就是我所做的一切：

<!DOCTYPE html>

  <html ng-app="app">
  <head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
   <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
   <link href="~/Content/Styles/ThirdParties/Glazzed/Main.css" rel="stylesheet" />

 <link href="~/Content/Styles/GlazzedOverride.css" rel="stylesheet" />
 <script src="~/Scripts/modernizr-2.6.2.js"></script>
 <script src="~/Scripts/Scripts/ThirdParties/Glazzed/Main.js"></script>
 <script src="~/Scripts/jquery-1.10.2.js"></script>
 <script src="~/Scripts/Scripts/ThirdParties/Angular.js"></script>
 <script src="~/Scripts/Scripts/ThirdParties/AngularRoute.js"></script>
 <script src="~/Scripts/bootstrap.min.js"></script>
 @DefineApp()
</head>
<body>
    <div>
        <div class="container">
        <div class="col col-md-9 pull-left">
            @RenderBody()
            @*<ng-view></ng-view>*@
            <div ng-view></div>
        </div>
        <div class="col col-md-2 bg1">
            <ul class="main-nav" ng-controller="menuController">
                <li ng-repeat="menuItem in menuItems" class="{{ menuItem.submenuItems && menuItem.submenuItems.length > 0 ? 'main-nav--collapsible' : '' }}">
                    <a class="main-nav__link" ng-href="{{ menuItem.url || 'javascript:void(0);' }}">
                        <span class="main-nav__icon"><i class="{{ menuItem.icon }}"></i></span>
                        {{ menuItem.title }}
                    </a>
                    <ul ng-if="menuItem.submenuItems && menuItem.submenuItems.length > 0" class="main-nav__submenu">
                        <li ng-repeat="submenuItem in menuItem.submenuItems"><a href="{{ submenuItem.url || 'javascript:void(0);' }}"><span>{{ submenuItem.title }}</span></a></li>
                    </ul>
                </li>
            </ul>

        </div>
    </div>


@视图包。标题
@DefineApp（）
@RenderBody（）
@**@

这是剧本：

    <script>
        App.config(['$routeProvider', function ($routeProvider) {
            debugger;
            $routeProvider
                .when('/Admin/GetProducts', {
                    templateUrl: '@Url.Action("GetProducts","Product")'
                })                  
                .otherwise({
                redirectTo: '/'
            });
        }]);
        App.controller("menuController", function ($scope) {
            debugger;
            $scope.menuItems = [
                {
                    title: 'ProductList',
                    icon: 'pe-7f-check',
                    url: '#/Admin/GetProducts'
                }
            ]});
    </script>
</div>


App.config（['$routeProvider'，函数（$routeProvider）{
调试器；
$routeProvider
.when（'/Admin/GetProducts'{
templateUrl:'@Url.Action（“GetProducts”、“Product”）'
})                  
.否则({
重定向到：'/'
});
}]);
App.controller（“menuController”，函数（$scope）{
调试器；
$scope.menuItems=[
{
标题：“产品列表”，
图标：“pe-7f-check”，
url:“#/Admin/GetProducts”
}
]});

@helper DefineApp（）
{
var-App=angular.module（“App”，['ngRoute']）；
}

但是我的路线不行，有什么问题吗？

你混合了为水疗中心设计的角度路线，还有不为水疗中心设计的MVC路线。这两种技术本质上都是相互对抗的

如果您想使用角度路由或角度路由是通用的，我建议您停止让ASP.NET MVC控制器返回任何视图，除了“Index.cshtml”

您混合了为SPA设计的角度路由和不为SPA设计的MVC路由。这两种技术本质上都是相互对抗的

如果您想使用Angular路由或Angular是通用的，我建议您停止让ASP.NET MVC控制器返回除“Index.cshtml”之外的任何视图。

您是否收到任何控制台错误？不，我真的很困惑您确定它找到了这个templateUrl:“templateUrl:”@Url.Action（“GetProducts”，“Product”）''我认为您没有重定向到任何路由，请尝试

。否则（{redirectTo:'/Admin/GetProducts'}）

我添加了它，但是url变成了：你有控制台错误吗？没有，我真的很困惑你确定它找到了这个templateUrl:“templateUrl:”@url.Action（“GetProducts”，“Product”）“我想你没有重定向到任何路由，试试

。否则（{重定向到：'/Admin/GetProducts'）我添加了它，但它的url变为：
 @helper  DefineApp()
         {
         <script>
             var App = angular.module("app", ['ngRoute']);
        </script>
      }