Мое приложение имеет два типа шаблонов. Первый используется на страницах «выведенных из системы», а второй используется на страницах «вошел в систему».Как перейти от одного шаблона к другому в Ionic
Ниже index.html, который используется со всеми «вышли из» страницы шаблона:
<!DOCTYPE html>
<html ng-app="appLoggedOut">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>Services 4 Uber</title>
<link href="lib/ionic/css/ionicons.min.css" rel="stylesheet" >
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<script src="lib/ionic/js/ionic.bundle.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->
<script src="js/loggedout/app.js"></script>
<script src="js/loggedout/controllers.js"></script>
<script src="js/loggedout/routes.js"></script>
<script src="js/loggedout/services.js"></script>
<script src="js/loggedout/directives.js"></script>
<link href="css/app.css" rel="stylesheet">
</head>
<body>
<div>
<div class="spacer" style="width: 300px; height: 15px;"></div>
<ion-nav-view></ion-nav-view>
</div>
<div class="bar bar-footer bar-dark">
Footer for Logged out pages
</div>
</body>
</html>
Мне нужно установить все мои «вошли в» страницы, чтобы показать заголовок и другой колонтитул. Таким образом, это похоже на то, что у меня есть другой index.html, используемый только для «зарегистрированных» страниц.
Ниже то, что я хочу, чтобы использовать все мои «авторизованы» страницы:
<!DOCTYPE html>
<html ng-app="appLoggedIn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title>Services 4 Uber</title>
<link href="lib/ionic/css/ionicons.min.css" rel="stylesheet" >
<link href="lib/ionic/css/ionic.css" rel="stylesheet">
<script src="lib/ionic/js/ionic.bundle.js"></script>
<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
<link href="css/ionic.app.css" rel="stylesheet">
-->
<script src="js/loggedin/app.js"></script>
<script src="js/loggedin/controllers.js"></script>
<script src="js/loggedin/routes.js"></script>
<script src="js/loggedin/services.js"></script>
<script src="js/loggedin/directives.js"></script>
<link href="css/app.css" rel="stylesheet">
</head>
<body ng-controller="homeCtrl">
<div class="bar bar-header bar-light">
Header used only in logged in pages
</div>
<div>
<ion-nav-view></ion-nav-view>
</div>
<div class="bar bar-footer bar-dark">
Footer for logged in pages
</div>
</body>
</html>
Как я могу определить свои маршруты, чтобы перейти от моей страницы входа в систему (с помощью «вышли из» шаблон) для зарегистрированная страница (используя шаблон «вошел в систему»)?
Я хочу изменить всю страницу, а не просто загружать представление внутри тега "".
Спасибо.
Я думаю, вы не понимаете, как работает ионный. Прошу прощения, но ваш подход не имеет никакого смысла. Вам просто нужно ** один ** 'index.html', и ваш контент будет отображаться' ionic/angularjs' в зависимости от ваших '' состояний '/ "шаблонов" ', например. вход в систему/выход из системы. Посмотрите на шаблоны на [ионной стартовой странице] (http://ionicframework.com/getting-started/) и попробуйте адаптировать его для вас ... – Beat
Привет, я понял ионные работы. Мои сомнения просты. Мне нужно это: первая страница с index.html с использованием ion-nav-view> и шаблон с содержимым представления. В нем ссылка для перехода на вторую страницу. На этой второй странице мне нужно все по-другому. Я не хочу использовать index.html. Я хочу использовать другую страницу с тегами ion-nav-view> (другая главная страница) и другая страница шаблона с содержимым представления. Я не хочу перемещаться, используя только главную страницу index.html. Так понятно ? –
Olivertech