Angularjs stateprovider无法切换页面

在我的程序中，我想在按下登录页面中的登录按钮后加载programsetup html页面

myconfig函数用于登录页面，如下所示

 .config(function config($stateProvider) {
$stateProvider.state('login', {
    url: '/login',
    views: {
        "main": {
            controller: 'LoginCtrl',
            templateUrl: 'login/login.tpl.html'
        }
    },
    data: {
        pageTitle: 'Login'
    }
    });
 })

登录页面加载成功！但单击“登录”按钮后，程序设置页未加载

$location.href = "#/programsetup";

这是我在login.js中用于加载程序设置页面的行。我的程序设置配置函数是：

  .config(function config($stateProvider) {
    $stateProvider.state('programsetup', {
    url: '/programsetup',
    views: {
        "main": {
            controller: 'ProgramSetupCtrl',
            templateUrl: 'programsetup/programsetup.tpl.html'
        }
    },
    data: {
        pageTitle: 'Program Setup'
    }
   });
 })

我犯了什么错误？请帮助我。

在您的login.js文件（登录控制器内部）中，您需要编写ng click方法并添加以下代码

$state.go("programsetup");

---

$state需要在控制器中添加依赖项注入

只需在root.config中为programsetup配置您的状态即可。然后进行按钮登录。用户

$state.go（'programsetup'）

转到该页面

粗略的Html：

<button class="button button-positive" ng-click="login()">Go Programsetup</button>

使用

$state.go（'programsetup'）

转到该页面？

.config(function config($stateProvider) {
         $stateProvider.state('login', {
             url: '/login',
             views: {
                 "main": {
                     controller: 'LoginCtrl',
                     templateUrl: 'login/login.tpl.html'
                 }
             },
             data: {
                 pageTitle: 'Login'
             }
         });

         $stateProvider.state('programsetup', {
             url: '/programsetup',
             views: {
                 "main": {
                     controller: 'ProgramSetupCtrl',
                     templateUrl: 'programsetup/programsetup.tpl.html'
                 }
             },
             data: {
                 pageTitle: 'Program Setup'
             }
         });
     })


     .controller('LoginCtrl', function($scope, $state) {
             $scope.login = function() {
                 $state.go('programsetup');
             }

         })
         .controller('ProgramSetupCtrl', function($scope) {
             alert('i am at Program setup page.');
         })