Question

我有关于离子标签的问题。我在Ionic v1中创建了一个基本的酒店应用程序作为学校项目，但我无法让我的标签或控制器工作。状态尚未找到，它会立即将我引导至$ urlRouterProvider.otherwise中提供的链接。我已经密切关注了我的老师标签示例，以及在Ionic中启动新标签项目时找到的示例。两天前我确实让它短暂工作但是当我今天回到项目时它只是空白（除了我在索引文件nav-view中键入的内容）。

这是我的app.js文件

angular.module('sthlmBB', ['ionic', 'sthlmBB.controllers'])

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

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

.state("tabs.home", {
  url: "/home", 
  views: {
    "home-tab": {
     templateUrl: "templates/home.html",
     controller: "HotelCtrl"
  }
}
})

.state("tabs.bookings", {
  url: "/bookings",
  views: {
    "bookings-tab": {
     templateUrl: "templates/bookings.html",
     controller: "BookingsCtrl"
  }
}
})

.state("tabs.events", {
  url: "/events",
  views: {
    "events-tab": {
    templateUrl: "templates/events.html",
    controller: "EventsCtrl"
  }
}
});

$urlRouterProvider.otherwise("/tabs/home");

})

controllers.js

angular.module('sthlmBB.controllers', [])

.controller('HotelCtrl', function($scope, $http, $state){
  var url = 'link to php file';
  $http.get(url).success(function(response){
  $scope.rooms = response.data;

  console.log('HotelCtrl Test')
  console.log($state);
})

$scope.data = { };

$scope.submit = function(){
  var url = 'link to another php file';
  $http.post(url, $scope.data)
    .then(function(response){
      $scope.response = response;
      console.log($scope.response);
    });
}
})

在index.html文件中，我有头部的app.js和controllers.js链接到正文中的离子导航视图。

tabs.html

<ion-tabs class="tabs-icon-top tabs-color-active-positive">

  <ion-tab title="Home" icon="ion-home" href="#/tab/home">
    <ion-nav-view name="home-tab"></ion-nav-view>
  </ion-tab>

  <ion-tab title="My Bookings" icon="ion-home" 
  href="#/tab/bookings">
    <ion-nav-view name="bookings-tab"></ion-nav-view>
  </ion-tab>

  <ion-tab title="Events" icon="ion-home" 
  href="#/tab/events">
    <ion-nav-view name="events-tab"></ion-nav-view>
  </ion-tab>
</ion-tabs>

我对此很新，所以很有可能在那里只是一个新手的错误。我真的很感激我能得到的任何帮助！

Answer 1

这是第一个状态下app.js中的拼写错误，其中网址是＆＃39; / tab＆＃39;什么时候应该是＆＃39; / tabs＆＃39;。捂脸

Ionic / AngularJS无法使状态或控制器工作

1 个答案: