无法使用urlRouterProvider Angular调用控制器

时间:2014-02-22 09:57:15

标签: angularjs angular-ui-router

我尝试让 Plunker 工作,花了5个多小时,在这里张贴是最后的手段。

app.js

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

  $stateProvider
          .state('tab', {
      url: "/tab",
      abstract: true,
      templateUrl: "tabs.html"
    })

    // the pet tab has its own child nav-view and history
    .state('tab.pet-index', {
      url: '/pets',
      views: {
        'pets-tab': {
          templateUrl: 'pet-index.html',
          controller: 'PetIndexCtrl'
        }
      }
    })

    .state('tab.pet-detail', {
      url: '/pet/:petId',
      views: {
        'pets-tab': {
          templateUrl: 'pet-detail.html',
          controller: 'PetDetailCtrl'
        }
      }
    });

console.log('app load ...');

  // if none of the above states are matched, use this as the fallback
  $urlRouterProvider.otherwise('/tab/pets');

});

我在此致电$urlRouterProvider.otherwise('/tab/pets')

但是我没有得到控制器:

app.controller('PetIndexCtrl', function($scope, PetService) {
  console.log('PetIndexCtrl load ...');
  $scope.pets = PetService.all();
});

我在这里做错了什么?请帮忙,

谢谢,

1 个答案:

答案 0 :(得分:1)

似乎归结为几个地方缺少的ion-前缀。

当我将nav-view更改为ion-nav-viewtabs更改为ion-tabs等时,事情似乎有效。

plunkr