Angularjs 全局控制器不工作的ui路由器_Angularjs_Angular Ui Router

Angularjs 全局控制器不工作的ui路由器

angularjs

Angularjs 全局控制器不工作的ui路由器,angularjs,angular-ui-router,Angularjs,Angular Ui Router,我在angularjs、ui路由器和MVC方面非常业余。我有两个视图和控制器作为SPA的两个页面我在我的项目中使用mvc、WebAPI、angularjs和ui路由器当我运行代码时，它不工作。浏览器控制台中会显示此错误：这是我的代码： Index.cshtml： <!DOCTYPE html> <html ng-app="AnbarUniversalSystemApp"> <head> <meta charset="utf-8" /> &

我在angularjs、ui路由器和MVC方面非常业余。我有两个视图和控制器作为SPA的两个页面

我在我的项目中使用mvc、WebAPI、angularjs和ui路由器

当我运行代码时，它不工作。浏览器控制台中会显示此错误：

这是我的代码：

Index.cshtml：

<!DOCTYPE html>
<html ng-app="AnbarUniversalSystemApp">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>sample</title>
</head>
<body>

<a ui-sref="DraftType">Draft Type</a>
<a ui-sref="Inv">Inv</a>

<div class="container body-content">
    <div ui-view></div>    
</div>

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@Scripts.Render("~/bundles/angularjs")
@Scripts.Render("~/bundles/ui-router")
@Scripts.Render("~/bundles/AnbarUniversalSystemApp")

InvCtrl.js：

function InvCtrl($scope) {
    $scope.InvName = "first Inv";
}

InvCtrl.$inject = ["$scope"];

DraftTypeCtrl.js：

function DraftTypeCtrl($scope) {
    $scope.DraftTypeName = "first Inv";
}

DraftTypeCtrl.$inject = ["$scope"];

RouteConfig.cs：

namespace AnbarUniversalSystem
{
    public class RouteConfig
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
        routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

        routes.MapRoute(
            name: "Inv",
            url: "Payeh/Inv",
            defaults: new { controller = "Payeh", action = "Inv" });

        routes.MapRoute(
            name: "DraftType",
            url: "Payeh/DraftType",
            defaults: new { controller = "Payeh", action = "DraftType" });

        routes.MapRoute(
            name: "Default",
            url: "{*url}",
            defaults: new { controller = "Home", action = "Index",
            id = UrlParameter.Optional }
        );
    }
}
}

嗯，因为我没有你的密码，我只能猜测。错误是，

$stateProvider

加载失败。因此，您的依赖关系存在问题

将您的

AnbarUniversalSystemApp.js

前两行更改如下，并检查它是否修复了您的错误：

发件人：

angular.module('AnbarUniversalSystemApp', ['ui.router', 'ui.bootstrap']);
var App = angular.module('AnbarUniversalSystemApp', []);

var App = angular.module('AnbarUniversalSystemApp', ['ui.router', 'ui.bootstrap']);

至：

angular.module('AnbarUniversalSystemApp', ['ui.router', 'ui.bootstrap']);
var App = angular.module('AnbarUniversalSystemApp', []);

var App = angular.module('AnbarUniversalSystemApp', ['ui.router', 'ui.bootstrap']);

无法打开错误链接。请在此处复制您的错误消息。是。我试过你说的话，但还是犯了同样的错误。

var App = angular.module('AnbarUniversalSystemApp', ['ui.router', 'ui.bootstrap']);