Почему «неопределенное» шоу в угловых js?

Question

Я получаю undefined в консоли .log.Я пытаюсь получить данные из моего представления. Не могли бы вы рассказать мне, почему он не показывает данные модели. Я объясню, что это значит. Другими словами

У меня есть это в моем login.html файла

<label class="item item-input"> 
       <span class="input-label">Username</span> 
       <input type="text" ng-model="username"> 
      </label> 

Я хочу получить доступ имени в моем контроллере .controller зовут authenticationCntrl

function authenticationCntrl($scope,$state) { 
     console.log('=====authenticationCntrl controller call') 
     console.log($scope.username) 
     console.log($scope.password) 
     $scope.forgetPassword=function(){ 
      console.log($scope.username) 
      console.log("dddd") 
      console.log($scope.password) 

     } 

Я заполнил свое имя пользователя и пароль, когда я нажимаю «забыть пароль». Я получаю неопределенное значение почему?

вот мой код http://goo.gl/Nte89L

нажмите Предварительный для верки выходного

Answer 1

Вы столкнулись с проблемой .. Из этой статьи here:

Наличие '.' в ваших моделях будет гарантировать, что прототипное наследование находится в игре. Таким образом, использование

входного типа = "текст" нг-модель = "someObj.prop1" тип, а не

входа = "текст" нг-модель = "prop1".

В контроллере определить контейнер объекта:

$scope.obj = {}; 

И в вашем HTML:

ng-model="obj.username" 
ng-model="obj.password"