JS не распознает переменную в объекте углового контроллера

Question

JS не распознает переменную в объекте углового контроллера

0

Я пытаюсь создать простую регистрационную аутентификацию, однако функция проверки задерживается, чтобы функционировать, когда начинается сравнение валидации, и консоль sais, что переменная "имя пользователя не определена", хотя это явно так.

Может ли enyone сказать мне, что я определяю неправильно?

код углового контроллера:

var app = angular.module("LoginApp", []);
app.controller("LoginController", function ($http) {
    this.userName = "";
    this.password = "";
    this.userNameValid = true;
    this.passwordValid = true;

    /*submit the form*/
    this.submit = function () {
        alert("submit");
        this.validate();

    };

    /* make sure user name and password has been inserted*/
    this.validate = function () {
        alert("validate");
        var result = true;
        this.userNameValid = true;
        this.passwordValid = true;

        if (this.userName == "") {
            alert("username="+userName);
            this.userNameValid = false;
            result = false;
        }

        if (this.password == "") {
            this.passwordValid = false;
            result = false;
        }
        alert("validuserNameValid==" + userNameValid + " passwordValid==" + passwordValid);
        return result;
    };
});

форма HTML:

<body ng-app="LoginApp" ng-controller="LoginController as LoginController">

        <form role="form" novalidate name="loginForm" ng-submit="LoginController.submit()">
            <div id="loginDetails">
                <div class="form-group">
                    <label for="user"> User Name:</label>
                    <input type="text" id="user" class="form-control" ng-model="LoginController.userName" required />
                    <span ng-show="LoginController.userNameValid==false" class="alert-danger">field is requiered</span>
                </div>
                <div class="form-group">
                    <label for="password" >Password:</label>
                    <input type="password" id="password" class="form-control" ng-model="LoginController.password" required />
                    <span ng-show="LoginController.passwordValid==false" class="alert-danger">field is requiered</span>
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-primary">Submit</button>
                    {{"entered information:" +"\n"+LoginController.userName+" "+ LoginController.password}}
                </div>
            </div>
        </form>
    </body>

журнал:

Error: userName is not defined

this.validate@http://localhost:39191/login.js:23:13
this.submit@http://localhost:39191/login.js:11:9
anonymous/fn@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js line 231 > Function:2:292
b@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:126:19
Kc[b]</<.compile/</</e@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:274:195
uf/this.$get</m.prototype.$eval@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:145:103
uf/this.$get</m.prototype.$apply@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:145:335
Kc[b]</<.compile/</<@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:274:245
Rf@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:37:31
Qf/d@https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js:36:486

Gabriel H 19 авг. 2016, в 08:48

Источник

1

Можете ли вы взглянуть на приведенную ниже информацию о предупреждении, если это не this.userName ???? if (this.userName == "") {alert ("username =" + userName); this.userNameValid = false; результат = ложь; }
Ruhul 19 авг. 2016, в 06:16
0

это на самом деле было частью этого
Gabriel H 19 авг. 2016, в 06:20
0

Вы должны посмотреть на ответ "Сатпала".
Erick Boshoff 19 авг. 2016, в 06:23

Показать ещё 1 комментарий

Теги:

javascript

angularjs

2 ответа

0

внутри ваших предупреждающих ящиков вы не упомянули this.userName, попробуйте удалить предупреждения или изменить их.

Karthick S P 19 авг. 2016, в 03:44

Ещё вопросы

Можете ли вы взглянуть на приведенную ниже информацию о предупреждении, если это не this.userName ???? if (this.userName == "") {alert ("username =" + userName); this.userNameValid = false; результат = ложь; }
это на самом деле было частью этого
Вы должны посмотреть на ответ "Сатпала".

Satpal · Accepted Answer · 2016-08-19T04-48-00.000Z

Всегда используйте this разумно. Я бы рекомендовал вам сохранить ссылку на this переменную, а затем использовать ее везде, где это необходимо.

var app = angular.module("LoginApp", []);
app.controller("LoginController", function ($http) {
    //Store the reference of this in a variable
    var lc = this;

    //Use the stored refrence
    lc.userName = "";

    /* make sure user name and password has been inserted*/
    lc.validate = function () {
        if (lc.userName == "") {
            alert("username="+userName);
            lc.userNameValid = false;
            result = false;
        }
    };
});

Это правильный ответ, установив контекст контроллера на переменную, а затем ссылаясь на переменную через контроллер.