Я использую ionic для создания гибридного приложения, и я не могу заставить ui-view динамически показывать контент
это индекс
<body ng-app="starter">
<ion-pane>
<ion-header-bar class="bar-stable">
<h1 class="title">Ionic Blank Starter</h1>
</ion-header-bar>
<ion-nav-view></ion-nav-view>
</ion-pane>
</body>
для моего понимания работы ion-nav-view так же, как ui-view от угловой ui-маршрутизации.
это мой app.js
.config(function($stateProvider, $urlRouterProvider){
$stateProvider
.state('login',{
url: '/',
template: '<h1>hello</h1>'
})
$urlRouterProvider.otherwise('/');
})
Я хочу, чтобы слово hello показывалось при переходе в корневое приложение, но не работает. он ничего не показывает и не дает никакой консольной ошибки.
Я подозреваю, что "привет" есть, но он закрывается с помощью <ion-header-bar>
. Попробуйте добавить "has-header" как класс к элементу <ion-nav-view>
. Этот класс заставляет контент начинать на 44px ниже обычного, чтобы учесть панель заголовка.
Вот работающий CodePen. Все, что я сделал, это добавить этот класс.