AngularJS ng-change не вызывающая функция

Question

Я пытаюсь получить содержимое в bootstrap popover для изменения, когда пользователь вводит что-то в текстовое поле электронной почты. Кажется, что ng-change не попадает в метод updateToolTip(). Я совершенно новый для AngularJS. Любые советы приветствуются.

HTML страницы

<div ng-controller="LoginController"> 

    <for name="form" ng-submit="login()"> 

    <input type="email" name="email" ng-model="user.email" value="{{user.email}}" ng-change="updateToolTip()" popover="{{emailMessage}}" popover-trigger="focus" popover-placement="right" required> 

    <button class="btn btn-lg btn-primary btn-block" type="submit" ng-disabled="form.$invalid">Sign in</button> 
    </form> 

</div> 

JS

var loginModule = angular.module('loginModule', ['ui.bootstrap']); 

// Controller for the login page 
loginModule.controller('LoginController', ['$scope', '$http', function($scope, $http) { 

    $scope.emailMessage = 'test'; 

    $scope.updateToolTip = function() { 

     $scope.emailMessage = 'asdfsadf'; 
     console.log(); 
     console.log(' inside function'); 
     if($scope.user != null) { 
      console.log('user not null'); 
      if($scope.user.email.$dirty && $scope.user.email.$error.email) { 
       console.log('email dirty and error'); 
       $scope.emailMessage = 'Invalid Email!'; 
      } else if($scope.form.email.$dirty && $scope.form.email.$error.required) { 
       console.log('emaildirty and required'); 
       $scope.emailMessage = 'Email Required'; 
      } 
     } 
    } 
}]); 

Answer 1

Изменить form имя name="user". Как

<form class="form-signin" name="user" ng-submit="login()"> 

Поскольку вы используете форму модели, как user.XXXX.

Демо Plunker

[EDIT]

Я хотел бы написать проверку так:

<input 
    type="email" 
    name="email" 
    class="form-control" 
    placeholder="Email address" 
    ng-model="user.email" 
    popover="{{emailMessage}}" 
    popover-trigger="focus" 
    popover-placement="right" 
    required 
    > 
    <span class="error" ng-show="mailform.email.$error.required">required</span> 
    <span class="error" ng-show="mailform.email.$error.email">invalid email</span> 


    <input 
    type="password" 
    name="password" 
    class="form-control" 
    placeholder="Password" 
    ng-model="user.password" 
    value="{{user.password}}" required > 
    <span class="error" ng-show="mailform.password.$error.required">required</span> 

Демонстрация 2 Plunker

А может быть, этот пример может помочь вам, а также: Demo 3 Plunker