コントローラのng-model値$ scopeは "undefined"

Question

私のIonic Frameworkの研究では、私はコントローラについて学んでいますので、私のHTML用のこの簡単なコードを得ました（上記のコードは、以下のコードはイオン、ので、私はNG-モデル=「メール」といくつかのトラブルを持っている、あなたが上見ることができるように

が

(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(); 
    } 
    }); 
}) 
}()) 

、それは基本的なログインフォームの）

<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をそれを触れていませんとng-model = "word"は私の最初のコントローラレジストラ（）で$スコープ値で、関数は私のPHPファイルに移動します。問題はありません。しかしテストのために、私はng-modelsの値を見るためにコンソールプリントを行い、fgetsメッセージを "exito"し、$ scope.word値と同じものを "undefined"にスローします。

どうしてですか？私は私の他のコントローラが完璧に動作するので、私は

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

にVAR

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

の値を変更しようとしましたが、それはあまりにも私にエラーを与え、混乱しています。また、上記の値を持つ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); 
    }); 
} 

}); 

希望を関数の前に、あなたの変数をinitalizeしなければならないか、関数内

例えば信じて！