Значение ng-model $ scope на контроллере «undefined»

Question

В моих исследованиях Ionic Framework я изучаю контроллеры, поэтому я получил этот простой код для своего HTML (выше и ниже следующего кода - код, созданный ионным , поэтому я не потрогать)

<div ng-controller="controller">  
    <ion-content> 
    <img class="indexImg" src="img/saludoIndex.jpg"> 
    <br><br> 
      <div class="item item-input-inset">  
       <label class="item-input-wrapper"> 
        <i class="icon ion-at placeholder-icon"></i> 
        <input type="text" placeholder="Dirección de email" ng-model="mail"> 
       </label> 
      </div> 

      <div class="item item-input-inset">  
       <label class="item-input-wrapper"> 
        <i class="icon ion-locked placeholder-icon"></i> 
        <input type="text" placeholder="Contraseña" ng-model="word"> 
       </label><br> 
      </div> 

      <div class="col text-center"> 
       <br><h4><a>¿Olvidaste tu contraseña?</a></h4><br><br><br><br><br> 
       <a class="button button-stable button-large" href="templates/Register.html"> 
       <b>Crear una cuenta gratuita</b></a> 
      </div> 


    </ion-content> 

    <ion-footer-bar class="bar-positive tabs"> 
     <a class="tab-item"> 
      <h4 style="color:white;" ng-click="registrar()">INICIAR SESIÓN</h4> 
     </a> 
    </ion-footer-bar> 
</div> 

И мой JavaScript

(function(){ 

var app = angular.module('starter', ['ionic']); 
var app2 = angular.module('nuevo', []); 

app.controller('controller', function($scope, $http) { 

$scope.registrar = function(){ 
    $http.post("http://127.0.0.1:8080/php/Conexion.php",{ 
     correo:$scope.mail, pass:$scope.word,  
    }).success(function(data){ 
    console.log("exito"); 
    console.log($scope.mail); 
    }); 
} 

}); 

app2.controller('registroUsuario', function($scope, $http){ 

$scope.nuevoUsuario= function(){ 
    $http.post("http://127.0.0.1:8080/php/RegistroUsuario.php",{ 
     tipo:$scope.tipo, cedula:$scope.cedula, nombres:$scope.nombre, apellidos:$scope.apellido, email:$scope.email, pass:$scope.contra, indicativo:$scope.indicativo, numero:$scope.numero,  
    }).success(function(data){ 
     console.log($scope.cedula); 
     console.log($scope.nombre); 
     console.log($scope.apellido); 
     console.log($scope.email); 
     console.log($scope.contra); 
     console.log($scope.indicativo); 
     console.log($scope.numero); 
    }); 
} 

}); 

app.run(function($ionicPlatform) { 
    $ionicPlatform.ready(function() { 
    if(window.cordova && window.cordova.plugins.Keyboard) { 
     cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
     cordova.plugins.Keyboard.disableScroll(true); 
    } 
    if(window.StatusBar) { 
     StatusBar.styleDefault(); 
    } 
    }); 
}) 
}()) 

Как вы можете видеть выше, это основная форма Логин, у меня есть некоторые проблемы с нг-модель = «почта» и ng-model = "word" в моем первом контроллере registrar() с моими значениями $ scope, функция переходит к моему файлу php, никаких проблем нет, но, просто для тестирования, я сделал консольную печать, чтобы увидеть значения моих ng-моделей, и он выбрасывает «exito» сообщение firts и «undefined» для значения моего значения $ scope.mail, то же самое для значения $ scope.word ,

Почему это происходит? я запутался, потому что мой другой контроллер работает отлично, я попытался изменить значение вар

app = angular.module('starter', ['ionic']); 

в

var app = angular.module('starter', []); 

, но это дает мне ошибку тоже. Также попытался объявить var app3 со значением выше, но все равно ничего.

Надеюсь, вы можете дать мне руку с этим, спасибо за ваше время.

Answer 1

Я считаю, вы должны инициализировать переменные перед функцией или внутри функции

например

app.controller('controller', function($scope, $http) { 

$scope.mail = '';

$scope.word = ''; 

$scope.registrar = function(){ 
    $http.post("http://127.0.0.1:8080/php/Conexion.php",{ 
     correo:$scope.mail, pass:$scope.word,  
    }).success(function(data) 
{ 
    console.log("exito"); 
    console.log($scope.mail); 
    }); 
} 

}); 

надеждой, что помогает!