Question

我正在使用离子来构建混合应用程序而我无法通过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>

我理解离子导航视图的工作就像角度ui-routing的ui-view一样。

这是我的app.js

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

$stateProvider

.state('login',{
    url: '/',
    template: '<h1>hello</h1>'
})

$urlRouterProvider.otherwise('/');

})

我希望在转到应用程序的根目录时显示“hello”这个词，但是不起作用。它没有显示任何内容，也没有给出任何控制台错误。

Answer 1

我怀疑＆＃34;你好＆＃34;是的，但它被<ion-header-bar>遮挡了。尝试添加＆＃34; has-header＆＃34;作为<ion-nav-view>元素的类。该类强制内容比平时低44px，以考虑标题栏。

这是一个有效的CodePen。我所做的只是添加该课程。

如何在离子中使用ui-view

1 个答案: