Как сделать страницу входа с угловым и ионическим

Question

Я много раз пробовал это делать, и я трачу много времени, и все же я ничего не делаю.

Я делаю мобильное приложение с угловым и ионным, и я пишу его на Visual Studio.

я получил некоторый исходный код из ионического и у меня есть страница входа как

function AppCtrl($scope, $ionicModal, $timeout) { 
     // Form data for the login modal 
     $scope.loginData = {}; 

     // Create the login modal that we will use later 
     $ionicModal.fromTemplateUrl(baseUrl + 'Content/templates/login.html', { 
      scope: $scope 
     }).then(function(modal) { 
      $scope.modal = modal; 
     }); 

     // Triggered in the login modal to close it 
     $scope.closeLogin = function() { 
      $scope.modal.hide(); 
     }; 

     // Open the login modal 
     $scope.login = function() { 
      $scope.modal.show(); 
     }; 

     // Perform the login action when the user submits the login form 
     $scope.doLogin = function() { 
      console.log('Doing login', $scope.loginData); 

      // Simulate a login delay. Remove this and replace with your login 
      // code if using a login system 
      $timeout(function() { 
       $scope.closeLogin(); 
      }, 1000); 
     }; 
    } 

Но это модальный вид. И я хочу сделать страницу входа в качестве начальной отдельной страницы. И мне также нужна авторизация на стороне сервера.

В любое время, когда я удаляю этот модал, мое приложение не запускается ... Я все еще новичок, и я стараюсь учиться.

Не могли бы вы написать мне несколько шагов, как это сделать, и что это лучший способ сделать это для приложения, которое я планирую опубликовать. Учебники, книги также приветствуются

Answer 1

Я думаю, вы вскочили в глубокий конец. Вместо этого начинайте использовать и узнавать ui-router, это используется как маршрутизация ионов внутри угловой.

Как только вы это выясните, вы сможете создавать новые страницы в своем мобильном приложении.

Auth может поражать сервер с помощью creds и проверки пользователя - после проверки вы можете сохранить файл cookie или sessionStorage: обратите внимание, что существует несколько способов сделать это: базовый Auth для имени, кроме одного.

надежда, что помогает

Answer 2

Если вы ищете более подробную информацию о входе в систему с ионными и Угловая, проверить мои 2 учебники:

1. Simple Login Example with Ionic
2. Complete User Authentication Guide

Пусть я знаю, если у вас возникнут проблемы с пониманием того, как работает маршрутизация/логин!