Question

在我的离子应用程序中，我不需要菜单或标签，只需要一个呈现主视图的空白ui视图。但它显示一个空白页面。

的index.html

<body ng-app="starter">
  <ion-nav-view></ion-nav-view>
</body>

app.js

angular.module('starter', ['ionic','starter.controllers'])
.run( /**/ )
  .config(function ($stateProvider, $urlRouterProvider) {
    $stateProvider
      .state('app', {
      url: '',
      abstract: true,
      template: '<ui-view/>',
      controller: 'AppCtrl'
    })
    .state('app.home',{
      url:'/home',
      templateUrl:'templates/home.html',
      controller:'homeCtrl'
    })
  });

home.html的

<ion-view view-title="home">
    <ion-content>
            <h1>This is the Home page</h1>
    </ion-content>
</ion-view>

为什么home.html没有渲染到抽象视图中？

离子服务器响应：

Request URL:http://localhost:8100/templates/home.html
Request Method:GET
Status Code:304 Not Modified

chrome dev工具，这是在app中呈现的唯一标记

<ion-nav-view class="view-container" nav-view-transition="android"></ion-nav-view>

离子，空白的抽象ui-view

0 个答案: