个人中心
gpt4 book ai didi

javascript - 错误: [$injector:unpr]

转载 作者：行者123 更新时间：2023-12-03 03:33:44 26 4
gpt4 key购买 nike

我正在 Angular Js 工作。我正在尝试根据用户名和密码从 Sql 数据库创建登录系统。我输入了正确的用户名和密码，但这没有进入我想重定向用户主页但我做不到的页面。当我从控制台应用程序将用户名和密码提交到文本框中时出现以下错误......

angular.min.js:123 Error: [$injector:unpr] http://errors.angularjs.org/1.6.5/$injector/unpr?p0=myServiceProvider%20%3C-%20myService%20%3C-%20myCntrl
    at angular.min.js:7
    at angular.min.js:46
    at Object.d [as get] (angular.min.js:43)
    at angular.min.js:46
    at d (angular.min.js:43)
    at e (angular.min.js:44)
    at Object.invoke (angular.min.js:44)
    at O.instance (angular.min.js:94)
    at q (angular.min.js:69)
    at f (angular.min.js:62)

这是我的 Module.Js 代码...

var app = angular.module("myApp", [])
.controller("myCntrl", function ($scope, myService) {

    $scope.LoginCheck = function () {
        var User = {
            UserName: $scope.uName,
            Password: $scope.password
        };
        $("#divLoading").show();
        var getData = myService.UserLogin(User);
        getData.then(function (msg) {
            if (msg.data == "0") {
                $("#divLoading").hide();
                $("#alertModal").modal('show');
                $scope.msg = "Password Incorrect !";
            }
            else if (msg.data == "-1") {
                $("#divLoading").hide();
                $("#alertModal").modal('show');
                $scope.msg = "Username Incorrect !";
            }
            else {
                uID = msg.data;
                $("#divLoading").hide();
                window.location.href = "/Home/Index";
            }
        });
        debugger;
    }

    function clearFields() {
        $scope.uName = '';
        $scope.uPwd = '';
    }

    //move this function inside `myCntrl` controller function.
    $scope.alertmsg = function () {
        $("#alertModal").modal('hide');
    };
    });


app.service("myService", function ($http) {

    this.UserLogin = function (User) {
        var response = $http({
            method: "post",
            url: "/Login/Login",
            data: JSON.stringify(User),
            dataType: "json"
        });
        return response;
    }

});

这是登录 Controller 代码..

 public class LoginController : Controller
    {// GET: /Login/  
        public ActionResult Login()
        {
            return View();
        }

        [HttpPost]
        public string Login(UserLogin data)
        {
            bool isPasswordCorrect = false;
            string un = data.UserName;
            string Password = data.Password;
            using (HalifaxDatabaseEntities entity = new HalifaxDatabaseEntities())
            {
                var user = entity.UserLogins.Where(u => u.UserName == un).FirstOrDefault();
                if (user != null)
                {
                    if (Password == user.Password)
                    {
                        Session["LoginID"] = user.ID;
                        Session["Username"] = user.Firstname + ' ' + user.Lastname;
                        return user.ID.ToString();
                    }
                    else
                    {
                        return "0";
                    }
                }
                else
                {
                    return "-1";
                }
            }
        }
    }
}

这是我的 HTML 代码....

@{
    Layout = null;
}

<!DOCTYPE html>

<html ng-app="myApp">
<head>
    <title></title>

    <script src="~/Scripts/angular.min.js"></script>
    <script src="~/Scripts/LoginScript/Module.js"></script>
    <script src="~/Scripts/jquery-ui-1.12.1.min.js"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <link href="~/Content/Site.css" rel="stylesheet" />
    <link href="~/Content/ui-bootstrap-csp.css" rel="stylesheet" />
</head>
<body>

    <div ng-controller="myCntrl">
        <h1>
            <img src="~/Content/images/Loginicon.png" />
        </h1>
        <br />
        <div id="alertModal" class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                    <!-- dialog body -->
                    <div class="modal-body">
                        <button type="button" id="btn" value="Close" class="close" data-dismiss="modal">×</button>
                        {{msg}}
                    </div>
                    <!-- dialog buttons -->
                    <div class="modal-footer">
                        <button type="button" ng-click="alertmsg()" class="btn btn-primary">OK</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="container-fluid">
            <div class="panel panel-success" style="width: 50%;">
                <div class="panel-heading">Login</div>
                <div class="panel-body" style="box-shadow: -6px 2px 46px 7px #888888; padding: 20px;">
                    <form name="loginForm" novalidate>
                        <div class="form-horizontal">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-3" style="text-align: right;">
                                        Username :
                                    </div>
                                    <div class="col-md-6">
                                        <div class="input-group">
                                            <input type="text" class="form-control" id="Uname" placeholder="Username" ng-model="uName" name="Username" required autofocus />
                                            <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-3" style="text-align: right;">
                                        Password :
                                    </div>
                                    <div class="col-md-6">
                                        <div class="input-group">
                                            <input type="password" class="form-control" id="password" placeholder="Password" ng-model="password" name="Password" required autofocus />
                                            <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div id="divLoading" style="margin: 0px; padding: 0px; position: fixed; right: 0px; top: 0px; width: 100%; height: 100%; background-color: #666666; z-index: 30001; opacity: .8; filter: alpha(opacity=70); display: none">
                                                    <p style="position: absolute; top: 30%; left: 45%; color: White;">
                                                        please wait...<img src="~/Content/images/load.png">
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-md-5" style="text-align: right;">
                                                <button id="btnLogin" type="submit" class="btn btn-success" ng-disabled="!(password && uName)" ng-click="LoginCheck()">Login</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

这是解决方案资源管理器屏幕截图... Click here to find the out put

这是我午餐时开发人员工具的屏幕截图...... Click here to find the out put

最佳答案

您已在 Controller 函数外部声明了alertmsg。将其移至 myCntrl Controller 工厂函数内。所以基本上是因为 $scope.alertmsg 函数保留在 $scope 变量之外，没有定义，这就是 JS 编译器在那里大喊大叫的原因。并且进一步的语句不会被执行。由于 myService 服务未在 myApp Angular module 中注册，并且显示 myService 未知提供商

http://errors.angularjs.org/1.6.5/$injector/unpr?p0=myServiceProvider%20%3C-%20myService

var app = angular.module("myApp", [])
.controller("myCntrl", function ($scope, myService) {

    $scope.LoginCheck = function () {
        //code as is
    }

    function clearFields() {
        $scope.uName = '';
        $scope.uPwd = '';
    }

    //move this function inside `myCntrl` controller function.
    $scope.alertmsg = function () {
        $("#alertModal").modal('hide');
    };
});

Apart from angularjs errors, you have fix all the error appearing in console. Likewise load jQuery before bootstrap.js

关于javascript - 错误: [$injector:unpr]，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45968223/

26 4 0
文章推荐： javascript - 按 "date"以 YYYY/MM/DD 格式过滤 javascript 对象列表
文章推荐： gradle - 使用 Gradle 将依赖项打包到 WAR 中，同时将临时依赖项留在 EAR 中
文章推荐： flutter - 如何在Flutter中使用Hive进行库存 list ？
文章推荐： 用于 2 个不同输入的 JavaScript addEventListener
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com