如何将登录页面加载为第一页

Question

我正在使用离子框架。我正在尝试将登录页面加载为第一页，但看不到它只是一个空页面。我的代码看起来像
app.js:

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

        .state('app', {
            url: "/app",
            abstract: true,
            templateUrl: "templates/menu.html",
            controller: 'AppCtrl'
        })

和控制器：

        .controller('AppCtrl', function ($scope, $state, $ionicModal) {
            $ionicModal.fromTemplateUrl('templates/login.html', function(modal) {
                    $scope.loginModal = modal;
                },
                {
                    scope: $scope,
                    animation: 'slide-in-up',
                    focusFirstInput: true
                }
            );
      //Be sure to cleanup the modal by removing it from the DOM
      $scope.$on('$destroy', function() {
        $scope.loginModal.remove();
      });
.controller('LoginCtrl', function ($scope, $state, AuthenticationService) {
        $scope.message = "";

        $scope.user = {
            username: null,
            password: null
        };

        $scope.login = function () {
            AuthenticationService.login($scope.user);
        };

        $scope.$on('event:auth-loginRequired', function (e, rejection) {
            console.log('handling login required');
            $scope.loginModal.show();
        });

        $scope.$on('event:auth-loginConfirmed', function () {
            $scope.username = null;
            $scope.password = null;
            $scope.loginModal.hide();
        });

但是还是看不到。我的应用程序看起来像 https://github.com/keithdmoore/ionic-http-auth 但没有主页。谢谢！

Answer 1

尝试更改您的 app.config 部分。

app.config(function ($stateProvider) {
$stateProvider.otherwise({ redirectTo: '/login' });
$stateProvider
        .state('app', {
            url: "/app",
            abstract: true,
            templateUrl: "templates/menu.html",
            controller: 'AppCtrl'
        }).state('login', {
            url: "/login",
            templateUrl: "login.html page url",
            controller: 'login controller'
        }));

无需编写任何代码appcontroller'. Whenever you run the application the url path is should be empty. So this line $stateProvider.otherwise({ redirectTo: '/login' }); 帮助打开登录屏幕。

如何将登录页面加载为第一页

How to load login page as first page

javascript

angularjs

ionic