Angularjs Stateprovider$state不在ionic框架中工作

我正在尝试将我的登录页面设置为初始状态。当用户单击register user时，我正在执行$state.go（在控制器中）来注册页面，用户应该可以从该页面返回到登录页面

angular.module('starter', ['ionic', 'starter.controllers','ui.router']).config(['$stateProvider','$urlRouterProvider',function($stateProvider, $urlRouterProvider).state('login',{
      url:"/login",

      templateUrl:'templates/login.html',
      controller:'LoginCtrl'
  })
  .state('login.registerUser',{

      url:"/registerUser",
      views: {
          'menuContent' :{
              templateUrl:'templates/registerUser.html',
              controller:'registerCtrl'
          }
      }

  })

控制器

.controller('LoginCtrl', ['$scope', 'Auth', '$state', '$ionicPlatform','SessionService', function($scope, Auth, $state, $ionicPlatform, SessionService) {
$ionicPlatform.ready(function() {
    window.scope = $scope;
    $scope.credentials = {username: "", password: "", remember: ""};
    $scope.userData = {username: "", id: ""};

    var utils = {
        createNewUser:function(){
            console.log('here');//I CAN SEE THIS 
            $state.go('login.registerUser');//NOTHIN HAPPENS
        }
    };
    $scope.goToRegistration = utils.createNewUser;


});

}])

但它什么也没做。

---

请帮助

我不确定ionic，但在一般angular应用程序中，当您定义一个子状态时，您需要在页面中具有嵌套ui视图或使用命名视图，视图名称可以是相对名称或绝对名称检查此项和此项

登录
//登录模板
registerUser
//registerUser模板

---

对于嵌套ui视图，您的语法有点混乱。试试这个：

angular.module('starter', ['ionic', 'starter.controllers','ui.router'])
.config(['$stateProvider','$urlRouterProvider',function($stateProvider, $urlRouterProvider){
$stateProvider
.state('login',{
      url:"/login",

      templateUrl:'templates/login.html',
      controller:'LoginCtrl'
})
.state('login.registerUser',{

  url:"/registerUser",
  views: {
      'menuContent' :{
          templateUrl:'templates/registerUser.html',
          controller:'registerCtrl'
      }
  }

})
});

---

没有什么。我用modal替换了它。

angular.module('starter', ['ionic', 'starter.controllers','ui.router'])
.config(['$stateProvider','$urlRouterProvider',function($stateProvider, $urlRouterProvider){
$stateProvider
.state('login',{
      url:"/login",

      templateUrl:'templates/login.html',
      controller:'LoginCtrl'
})
.state('login.registerUser',{

  url:"/registerUser",
  views: {
      'menuContent' :{
          templateUrl:'templates/registerUser.html',
          controller:'registerCtrl'
      }
  }

})
});