Question

我已经尝试过寻找这个问题的解决方案，但无济于事。如果有任何帮助，我将不胜感激。

我开始了＃34;标签＆＃34;默认项目，作为基础工作。并添加了一些修改，最后是一个空白屏幕。

app.js中的

：

    .state('login', {
        url: '/login',
        views: {
          'login': {
            templateUrl: 'templates/login.html',
            controller: 'LoginCtrl'
          }
        }
    })

在初始标签定义下方。我不这样做：

    $urlRouterProvider.otherwise('/login');

我的观点位于templates / login.html：

    <ion-view view-title="login">
      <ion-content>
        <div class="bar bar-header bar-positive">
          <h1 class="title">Project :: Login</h1>
        </div>
        <div class="list">
          <label class="item item-input item-stacked-label">
            <span class="input-label">Email</span>
            <input type="text" placeholder="example@email.com">
          </label>
          <label class="item item-input item-stacked-label">
            <span class="input-label">Password</span>
            <input type="password" placeholder="********">
          </label>
          <button class="button button-block button-positive">
            Sign in
          </button>
        </div>
      </ion-content>
    </ion-view>

我在controllers.js中也有一个空的Controller定义：

    .controller('LoginCtrl', function($scope) {})

在应用程序启动时，路由成功转到localhost：/＃/ login，但显示空白页。

运行离子服务时，我只收到一个控制台错误：

     ? (node:5592) fs: re-evaluating native module sources is not supported.
     If you are using the graceful-fs module, please update it to a more recent version.

但是我已经通过降级到node@4.4.5删除了这个警告/错误。空白页问题仍然存在。它显示一个灰色标题和一个空白正文。

任何帮助将不胜感激！

Answer 1

我想出了这个问题。我必须在index.html中更新它：

    <ion-nav-view></ion-nav-view>

对此：

    <ion-nav-view name="login"></ion-nav-view>

应用程序现在加载我的路线。当我查看tabs.html如何加载数据时，我发现了这一点：

    <ion-tab title="Status" 
             icon-off="ion-ios-pulse" 
             icon-on="ion-ios-pulse-strong" 
             href="#/tab/dash">
      <ion-nav-view NAME="TAB-DASH"></ion-nav-view>
    </ion-tab>

显示空白页而不是页面

1 个答案: