Причина проблемы в том, что ng-if
создает дочерний скоп.
Как работают вложенные скопы?
Создается дочерний скоп, и родительский указывается ему в качестве прототипа.
При выводе они работают следующим образом: проверяется поле в текущем скопе, если его нет, проверяется поле с тем же именем в прототипе. Поэтому при выводе, показываются значения родительского скопа.
При вводе же, поведение немного отличается: проверяется поле в текущем скопе, и, если его еще нет, создается и инициализируется нужным значением.
Таким образом, при использовании ng-model
важно понимать, что и как работает.
Решить данную проблему можно несколькими способами, например, вместо ng-if
использовать директиву которая не создает скоп.
Но обычно, рекомендуют использовать dot-rule
: при биндинге в директиве ng-model
в выражении всегда должна быть точка.
В данном случае в контроллере auth
в скоп может быть добавлено поле, например, user
, и уже в него добавляться поля login, password
.
Например:
<div ng-controller="Auth" ng-init="isAuth()">
<div ng-if="isAuthUser == false">
<form>
<input type="text" ng-model="user.login">
<input type="password" ng-model="user.password">
<button type="button" ng-click="authenfication()">отправить</button>
</form>
</div>
function Auth($scope, $http, $location, $rootScope) {
$scope.user = {};
$scope.authenfication = function () {
console.log($scope.login);
};
}
ng-app
, или ручного вызоваbootstrap
ng-if
создает свой скоп, и поля login,password добавляются в него, а не в скоп контроллера Auth