Angular js Web应用程序无法返回预期消息

Question

我正在将WCF Rest服务用于Angular js Web应用程序。首先，我在数据库中检查用户名。如果用户名存在，那么我想在角度js显示消息web应用程序是用户名存在请选择其他用户名。如果用户名不存在那么我想将记录插入数据库。但问题是它不显示消息用户名没有显示预期的消息，我得到了以下错误。

服务器遇到处理请求的错误。异常消息是“非静态方法需要目标。”。请参阅服务器日志以获取更多详异常堆栈跟踪是：

这是方法。

public bool RegisterUserEncryptPassword(tblUser user)
    {
        using (HalifaxDatabaseEntities context = new HalifaxDatabaseEntities())
        {
            var query = (from x in context.tblUsers
                         where x.Username == user.Username
                         select x).SingleOrDefault();
            if (query != null)
            {
                return true;

            }
            else
            {
                tblUser createUser = new tblUser();

                createUser.Username = user.Username;
                createUser.Password = Utility.Encrypt(user.Password);
                createUser.Email = user.Email;
                ctx.tblUsers.Add(createUser);
                ctx.SaveChanges();


            }

        }
        return false;
    }

这是我的脚本代码..

var app = angular.module("WebClientModule", [])

    .controller('Web_Client_Controller', ["$scope", 'myService', function ($scope, myService) {


    $scope.OperType = 1;
        $scope.createuser = function () {
            var User = {
                Username: $scope.Username,
                Password: $scope.Password,
                Email: $scope.Email

            };
            if ($scope.OperType === 1) {
                var promisePost = myService.post(User);
                promisePost.then(function (pl) {
                    $scope.Id = pl.data.Id;
                    window.location.href = "/Login/Index";

                    ClearModels();
                }, function (err) {
                    $scope.msg = "Password Incorrect or username is exit !";**//Always Hit on This line**

                    console.log("Some error Occured" + err);
                });
            }

    }]);

app.service("myService", function ($http) {
    //Create new record  
    this.post = function (User) {
        var request = $http({
            method: "post",
            url: "http://localhost:52098/HalifaxIISService.svc/RegisterUserEncryptPassword",
            data: JSON.stringify(User)
        });
        return request;

    };


})

这是我运行应用程序时的屏幕截图。当我尝试插入新记录时，我想要显示

这是网络选项卡中的错误消息。

Answer 1

您需要将@ scope.msg绑定到标签或span等html元素中。必须在隐藏状态的DOM中加载此html元素。你必须用ng-show来展示它。