Отображение пустой страницы вместо страницы

Я пытался найти решение этой проблемы, но безрезультатно. Я был бы признателен за любую помощь в этом вопросе.

Я запустил проект» tabs » по умолчанию, который работал так, как и предполагалось в качестве базы. И добавил Эти несколько модификаций, и в конечном итоге с пустым экраном.

в приложении.js:

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

под начальным определением вкладки. Мой иначе:

    $urlRouterProvider.otherwise('/login');

Мой вид находится в шаблонах / 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>

У меня также есть пустое определение контроллера в контроллерах.js:

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

При запуске приложения маршрутизация успешно переходит к localhost:/# / login, но отображает пустую страницу.

Я получаю только одну ошибку консоли при запуске ionic serve:

     ? (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. Проблема пустой страницы по-прежнему сохраняется. Отображается серый заголовок и пустое тело.

Любая помощь будет оценена!

1 ответ

  1. Я понял проблему. Я должен был обновить это в индексе.формат html:

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

    До настоящего времени:

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

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