как работать с UI-View в ионном

Question

как работать с UI-View в ионном

0

Я использую 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 показывалось при переходе в корневое приложение, но не работает. он ничего не показывает и не дает никакой консольной ошибки.

user3862830 01 июль 2015, в 18:25

Источник

Теги:

html

angularjs

ionic

1 ответ

Ещё вопросы

JoeLinux · Accepted Answer · 2015-07-01T14-05-00.000Z

Я подозреваю, что "привет" есть, но он закрывается с помощью <ion-header-bar>. Попробуйте добавить "has-header" как класс к элементу <ion-nav-view>. Этот класс заставляет контент начинать на 44px ниже обычного, чтобы учесть панель заголовка.

Вот работающий CodePen. Все, что я сделал, это добавить этот класс.