AngularJs我的视图没有加载

时间:2016-06-13 08:01:48

标签: angularjs ionic-framework

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services'])

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {

    if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
      cordova.plugins.Keyboard.disableScroll(true);

    }
    if (window.StatusBar) {
      // org.apache.cordova.statusbar required
      StatusBar.styleDefault();
    }
  });
})

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


  $stateProvider


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



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


  $urlRouterProvider.otherwise('/notePadHome');

});

1 个答案:

答案 0 :(得分:0)

在tabs.html中,您需要在 ion-nav-view 元素中应用name =“tab”。

然后在你的app.js中试试这个:

.state('notePadHome', {
url: '/notePadHome',
views: {
  'tab': {
    templateUrl: 'templates/notePadHome.html',
    controller: 'DashCtrl'
  }
}
})

如果你想从app.js中删除标签,请记得在家庭视图路线中删除它,如下所示:

.state('notePadHome', {
 url: '/notePadHome',
 templateUrl: 'templates/notePadHome.html',
 controller: 'DashCtrl'

})