angularjs - Angular Router - 网址更改但 View 未加载

Question

我刚刚开始调整样本 Angular/ ionic 选项卡导航应用程序并遇到了问题。当我在一个 View (所有旅程的列表)中单击一个链接时，我应该会被带到一个屏幕，其中包含有关该特定旅程的详细信息。 (改编自示例应用程序中的“聊天”。然而，它并不完全有效。 URL 更改为预期的 URL，但 View /页面根本没有改变。当我尝试刷新页面时，我将返回到我的默认状态/页面。

Controller 是:

.controller('JourneysController', function($scope, $log, JourneyHandler) {
  'use strict';

  $log.debug('Activating the journey controller');

  $scope.journeys = JourneyHandler.getJourneys();
})

.controller('JourneyDetailController', function($scope, $stateParams, $log) {
  'use strict';

  $log.debug('Activating the journey detail controller');

  $scope.journey = {
    journeyId: 0,
    journeyStart: new Date()
    };
})

app.js 将状态定义为:

.state('tab.journeys', {
  url: '/journeys',
  views: {
    'tab-journeys': {
      templateUrl: 'templates/tab-journeys.html',
      controller: 'JourneysController'
    }
  }
})

.state('tab.journey-detail', {
  url: '/journey',
  views: {
    'tab-journey-detail': {
      templateUrl: 'templates/journey-detail.html',
      controller: 'JourneyDetailController'
    }
  }
});

$urlRouterProvider.otherwise('/tab/dash');

和相关的模板是:tab-journeys.html

<ion-view view-title="My Journeys">
<ion-content>
<ion-list>
  <ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="journey in journeys" type="item-text-wrap" href="#/tab/journey">
    <h2>{{journey.journeyId}}</h2>
    <p>{{journey.routeId}}</p>
    <i class="icon ion-chevron-right icon-accessory"></i>

    <ion-option-button class="button-assertive">
      Delete
    </ion-option-button>
  </ion-item>
</ion-list>
</ion-content>
</ion-view>

和journey-detail.html

<ion-view view-title="Journey Detail">
<ion-content>
<p>This is where the journey details will go.</p>
</ion-content>
</ion-view>

控制台中没有任何错误，所以我真的不明白为什么它不起作用。

Answer 1

当我遇到同样的问题时，我发现错误是因为 Controller 没有加载。

在状态声明中注释 Controller ，看看它是否有效。您将需要检查 Controller 。