吳模型的價值$在控制器上的範圍是「未定義」

Question

在我的研究離子框架我正在學習控制器，所以，我得到了這個簡單的代碼爲我的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-模型=「郵件」和ng-model =「word」在我的第一個控制器註冊商（）與我的$範圍值，功能去我的PHP文件，沒有問題，但是，爲了測試，我做了控制檯打印以查看我的ng模型的值，並且它會拋出firts消息的「exito」和「undefined」作爲我的$ scope.mail值的值，與$ scope.word值相同。

這是怎麼發生的？我很困惑，因爲我的其他控制器工作完美，我試圖VAR

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

的值更改爲

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

但給我一個錯誤了。還試圖用上面的值聲明一個var app3，但仍然沒有任何結果。

我希望你能幫我一把，謝謝你的時間。

Answer 1

我相信你具備的功能之前或函數內部

e.g

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變量！