1

我正在开发一个应用程序，登录后应该将用户从登录页面重定向到主页，我正在通过服务器上的 API 文件（此时是本地主机）使用http.post方法进行登录，如果登录是更正服务器返回字符串“T”，然后在我的应用程序中，我控制字符串是否等于“T”，如果等于，应用程序应将用户重定向到主页。

我只有一个问题，那就是正确使用该功能state.go();，因为我在控制台中看不到任何错误，但页面没有改变，但 url（我正在测试ionic serve）完全改变了。

这是我的代码：

APP.JS：

    angular.module('starter', ['ionic', 'ui.router'])

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


.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
  $stateProvider

    .state('login', {
    url: '/',
    //abstract : true, // Because your are have child-states under de 'splash' state, you should set it abstract : true;
    templateUrl: '/login.html',
    controller: "LoginCtrl"
  })

    .state('main', {
        url: "main.html",
        templateUrl: "/main.html",
    })
}])


.controller('LoginCtrl', function($scope, $http, $state, $ionicHistory) {
    $scope.data = {};
    $scope.data.funzione = "login";
    $scope.submit = function(){
        //console.clear();
        console.log("Dentro funzione");
        console.log($scope.data.funzione);
        var link = 'http://localhost/<path>/api.php';
        $http.post(link, {mail : $scope.data.mail}, {pwd : $scope.data.pwd}, {funzione : $scope.data.funzione})
            .then(function (res){
                console.log("Dentro http.post");
                $scope.response = res.data;
                console.log($scope.response);
                if ($scope.response != "F"){
                    console.log("Dentro if");
                    $state.go('main');
                } else {
                    console.log("Dentro else");
                }
            });
    };
});

这是我的文件夹：（www）

在此处输入图像描述

这是 STATE.GO() 之后的 URL：

http://localhost:8100/login.html#/main.html

但它应该是：

http://localhost:8100/main.html
4

2 回答 2

0

Ionic 使用 ui-router。您可以正确使用： $state.go('main');

这仅在您检查的条件为真时才有效。console.log()报表打印什么？

********* 已更新后备状态 **********

另外，定义一个回退状态：您错误地定义了urland templateUrl。url应该是您在地址栏中看到的状态的地址，是templateUrl应该在点击 时显示的 HTML 文件url。

.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {
  $stateProvider
    .state('login', {
      url: '/login',
      //abstract : true, // Because your are have child-states under de 'splash' state, you should set it abstract : true;
      templateUrl: 'login.html',
      controller: "LoginCtrl"
    })
    .state('main', {
      url: "/main",
      templateUrl: "main.html",
    });

  $urlRouterProvider.otherwise('/login');
}])
于 2016-11-24T08:50:44.057 回答
0

这是 STATE.GO() 之后的 URL：

http://localhost:8100/login.html#/main.html

但它应该是：

http://localhost:8100/main.html

回答：-

实际上我从你的问题中了解到的是，你有一个单独的登录屏幕，一旦你登录完成，它就会进入主屏幕。您使用ng-view了 login.html 页面而不是 main.html 页面。所以现在您的 login.html 是一个母版页，这就是您获得该 URL 结构的原因。

好吧，让我们做吧。请检查流动的细节，

  • 您是否在 login.html 中调用了所有脚本？

  • 请检查哪一个是您的母版页？

于 2016-11-24T09:12:20.427 回答