app导航在浏览器中工作,但不在离子视图中

时间:2015-06-15 09:18:58

标签: javascript android ios ionic-framework ionic

抱歉,我知道有类似于我现在要求的问题,但不知道问题是否相同。我一直在我的浏览器中测试整个开发时间,我的应用程序工作得很好,但当我在我自己的设备上使用离子视图进行测试时窗帘页面无法打开。我有一个侧面菜单模板,并添加了两个从一个侧面菜单项派生的选项卡式界面。我也没有收到任何错误。我看到有人说用离子视图javascript,css等文件不上传。但是除了tabT状态的一个选项卡式界面外,我的大多数页面都会加载。所以我不确定它是否是离子的错误或者我分层应用程序的方式。感谢。

html

<ion-view view-title="Truck Search">
  <ion-content>
      <div class="list">

  <label class="item item-input item-select">
    <div class="input-label">
      Quote Number:
    </div>
    <select>
        <option selected>Select</option>
      <option>#0001</option>
      <option>#0002</option>
      <option>#0003</option>
    </select>
  </label>

</div>
    <ion-item class="item-stable" ng-repeat="Trucklist in TruckLists" href="#/tabT/truck/{{phaseslist.id}}">
         {{Trucklist.title}}
    </ion-item>
  </ion-content>
</ion-view>

App js

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

  .state('tabT', {
    url: "/tabT",
    abstract: true,
    templateUrl: "templates/tabsT.html"
  })

  .state('tabT.truck', {
    url: '/truck/:truckId',
    views: {
      'tabT-truck': {
        templateUrl: 'templates/tabT-truck.html',
        controller: 'TruckCtrl'
      }
    }
  })

  .state('tabT.phases', {
    url: '/phases',
    views: {
      'tabT-phases': {
        templateUrl: 'templates/tabT-phases.html',
        controller: 'PhasesCtrl'
      }
    }
  })

  .state('tabT.truckinfo', {
    url: '/truckinfo',
    views: {
      'tabT-truckinfo': {
        templateUrl: 'templates/tabT-truckinfo.html',
        controller: 'TruckinfoCtrl'
      }
    }
  })

   .state('tabC', {
    url: "/tabC",
    abstract: true,
    templateUrl: "templates/tabsC.html"
  })

  .state('tabC.client', {
    url: '/client/:clientId',
    views: {
      'tabC-client': {
        templateUrl: 'templates/tabC-client.html',
        controller: 'ClientCtrl'
      }
    }
  })

  .state('tabC.trucksearch', {
    url: '/trucksearch',
    views: {
      'tabC-trucksearch': {
        templateUrl: 'templates/tabC-trucksearch.html',
        controller: 'TrucksearchCtrl'
      }
    }
  })

  .state('tabC.clientinfo', {
    url: '/clientinfo',
    views: {
      'tabC-clientinfo': {
        templateUrl: 'templates/tabC-clientinfo.html',
        controller: 'ClientinfoCtrl'
      }
    }
  })

  .state('app', {
    url: "/app",
    abstract: true,
    templateUrl: "templates/menu.html",
    controller: 'AppCtrl'
  })  

  .state('app.clients', {
      url: "/clients",
      views: {
        'menuContent': {
          templateUrl: "templates/clients.html",
          controller: 'ClientsListCtrl'
        }
      }
    })

    .state('app.qualitycontrol', {
      url: "/qualitycontrol",
      views: {
        'menuContent': {
          templateUrl: "templates/qualitycontrol.html"
        }
      }
    })

  .state('app.checkin', {
      url: "/checkin",
      views: {
        'menuContent': {
          templateUrl: "templates/checkin.html",
          controller: 'CheckinCtrl'
        }
      }
    })

  .state('app.single', {
    url: "/checklist",
    views: {
      'menuContent': {
        templateUrl: "templates/checklist.html",
        controller: 'ChecklistCtrl'
      }
    }
  })

  .state('app.double', {
    url: "/checkextra",
    views: {
      'menuContent': {
        templateUrl: "templates/checkextra.html",
        controller: 'CheckextraCtrl'
      }
    }
  });
  // if none of the above states are matched, use this as the fallback
  $urlRouterProvider.otherwise('/app/checkin');
});

0 个答案:

没有答案