Angularjs 来自控制器的Angular JS$state条件不工作

我有一个AJS中的向导，它有大约10个视图。根据用户选择和其他参数，我的控制器决定下一个视图并设置$state.go（“新视图”）。但是代码似乎不起作用。。但我不确定这个问题

这是我的路线

$stateProvider

    // route to show our basic form (/form)
    .state('form', {
        url: '/form',
        templateUrl: 'form.html',
        controller: 'formController'
    })
    .state('form.wizard', {
        url:'/wizard',
        templateUrl: 'wizard/wizardSelection.html'
    })
    .state('form.submitorg', {
        url:'/submitPartner',
        templateUrl: 'wizard/submitOrgForm.html'
    })
    .state('form.agreements', {
        url:'/agreements',
        templateUrl: 'wizard/selectAgreement.html'
    })
... more routing goes here

我的控制器逻辑在这里

controller('formController', function($scope, $state) {

$scope.getNextView = function(viewNumber){

    var viewState = 'form.error';

    if(viewNumber == 1){
       viewState = 'form.submitOrg'
    }
    else if(viewNumber == 2){
         viewState = 'form.agreements'
    }
    else if(viewNumber == 3){
         viewState = 'xxxx'
    }
    else if(viewNumber == 4){
         viewState = 'yyyyy'
    }
    else if(viewNumber == 5){

        if($scope.formData.Modeltype == 'C'){
              viewState = 'form.setupanother'
         }
        else{
              viewState = 'form.submitnew'
        }
    }

    $state.go(viewState, {});  
};

在我的html视图中，我有一个按钮，它与控制器调用绑定。下面是它的写法

第一视图

<a href="#" class="btn btn-block btn-info" ng-click="getNextView(1)">

第二视图

    <a href="#" class="btn btn-block btn-info" ng-click="getNextView(2)">

我可以从向导视图（1）移动到提交视图（2）。但当我在Submitor视图（2）中单击next按钮时，它将再次返回向导（1），而不是协议（3）。我确实将alert放在$state之前。请确保变量更新为正确的视图名称，是的。一切看起来都很好，但它不会进入协议视图（3）

任何帮助都将不胜感激。谢谢

首要问题 你的

$state.go（viewState，{}）被HTML的
href“#”
覆盖

这将触发应用程序的
$urlRouterProvider。否则（viewState）

打字错误
另外，您需要将
.state（'form.submitor'
中的
o
大写，如下所示：

.state('form.submitOrg', {
  url: '/submitPartner',
  templateUrl: 'submitOrgForm.html'
})

<a href="#" class="btn btn-block btn-info" ng-click="getNextView(1, $event)">View #1</a>

$scope.getNextView = function(viewNumber, $event) {
    $event.preventDefault(); // prevents href from overriding $state.go
    var viewState = 'form.error';
    if (viewNumber == 1) {
        viewState = 'form.submitOrg'
    } else if (viewNumber == 2) {
        viewState = 'form.agreements'
    } else if (viewNumber == 3) {
        viewState = 'xxxx'
    } else if (viewNumber == 4) {
        viewState = 'yyyyy'
    } else if (viewNumber == 5) {
        if ($scope.formData.Modeltype == 'C') {
            viewState = 'form.setupanother'
        } else {
            viewState = 'form.submitnew'
        }
    }
    $state.go(viewState);
};

您有两个选择：

选项#1-
只需从
href=“#”
中删除

（类似于）

选项2-
将
$event
传递到您的
ng中，如下所示：

.state('form.submitOrg', {
  url: '/submitPartner',
  templateUrl: 'submitOrgForm.html'
})

<a href="#" class="btn btn-block btn-info" ng-click="getNextView(1, $event)">View #1</a>

$scope.getNextView = function(viewNumber, $event) {
    $event.preventDefault(); // prevents href from overriding $state.go
    var viewState = 'form.error';
    if (viewNumber == 1) {
        viewState = 'form.submitOrg'
    } else if (viewNumber == 2) {
        viewState = 'form.agreements'
    } else if (viewNumber == 3) {
        viewState = 'xxxx'
    } else if (viewNumber == 4) {
        viewState = 'yyyyy'
    } else if (viewNumber == 5) {
        if ($scope.formData.Modeltype == 'C') {
            viewState = 'form.setupanother'
        } else {
            viewState = 'form.submitnew'
        }
    }
    $state.go(viewState);
};

（类似于）