Question

根据下一个代码，我正在创建一个登录过程，通过PHP文件的过程工作正常，但成功后视图不会改变，这里：

(function (){

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

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

$scope.registrar = function(){
$http.post("http://127.0.0.1:8080/php/Conexion.php",{
    correo:$scope.mail, pass:$scope.word,    
}).success(function(data){
    alert("SESIÓN INICIADA")
    $state.go('main');
});
}

});

  app.config(function($stateProvider, $urlRouterProvider) {

$stateProvider
   .state('main', {
    url: '/main',
    templateUrl: 'templates/main.html',
    controller: 'controller',
  })

$urlRouterProvider.otherwise('/index.html');
  });

我的HTML文件，此处

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>

    <link rel="manifest" href="manifest.json">

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <script src="lib/ionic/js/ionic.bundle.js"></script>
    <script src="cordova.js"></script>
    <script src="js/app.js"></script>
  </head>
  <body ng-app="starter">
    <ion-pane>
      <ion-header-bar class="bar-stable">
        <div class=" col text-center">
             <h3 >Taxi App</h3>  
          </div>
      </ion-header-bar>
      <div ng-controller="controller">    

        <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-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>
</ion-pane>
  </body>
</html>

但是网络日志向我显示了页面内的信息（简单的测试数据），main.html只是有简单的数据用于测试是否有变化，但是没有在应用程序的屏幕上加载页面。

我希望你能帮我解决这个问题，非常感谢你。

Answer 1

阅读更多有关此问题的信息，我发现我必须添加index.html和main.html的主体，并且它完美无缺

使用$ state.go更改视图问题

1 个答案: