Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2012/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 应用程序基础,如何更改表单提交视图? 兴奋地寻找与AngularJS捆绑的应用程序的基础,我以此作为开始学习AngularJS的借口。我尝试重新创建一个旧web应用程序的部分,看看这个新框架有什么可能。我遇到了一个障碍:_Javascript_Angularjs_Forms_Angular Ui Router_Zurb Foundation - Fatal编程技术网

Javascript 应用程序基础,如何更改表单提交视图? 兴奋地寻找与AngularJS捆绑的应用程序的基础,我以此作为开始学习AngularJS的借口。我尝试重新创建一个旧web应用程序的部分,看看这个新框架有什么可能。我遇到了一个障碍:

Javascript 应用程序基础,如何更改表单提交视图? 兴奋地寻找与AngularJS捆绑的应用程序的基础,我以此作为开始学习AngularJS的借口。我尝试重新创建一个旧web应用程序的部分,看看这个新框架有什么可能。我遇到了一个障碍:,javascript,angularjs,forms,angular-ui-router,zurb-foundation,Javascript,Angularjs,Forms,Angular Ui Router,Zurb Foundation,其中一个视图是搜索表单。在“提交”时,它应该滑开,“结果”视图应该滑入。现在,使用切换这些视图,我创建了一个附加到表单的控制器,如下所示 调用doSearch()。但是从那里切换到下一个视图该怎么办呢?您可以简单地使用$state.go('stateName')将从$stateProvider中找到正确的状态,并在该页面上使用特定的控制器模板和其中的所有指定设置重定向您。state 对于带有参数的状态,可以使用$state.go('stateName',{id:1}) 注意:在执行$state

其中一个视图是搜索表单。在“提交”时,它应该滑开,“结果”视图应该滑入。现在,使用
切换这些视图,我创建了一个附加到表单的控制器,如下所示


调用
doSearch()
。但是从那里切换到下一个视图该怎么办呢?

您可以简单地使用
$state.go('stateName')
将从$stateProvider中找到正确的状态,并在该页面上使用特定的控制器模板和其
中的所有指定设置重定向您。state

对于带有参数的状态,可以使用
$state.go('stateName',{id:1})

注意:在执行
$state.go
之前,不要忘记添加
$state
依赖项 在控制器上

有关更多信息,请参阅

angular.module('application').controller('StaffSearchController', StaffSearchController);
StaffSearchController.$inject = ['$scope', '$stateParams', '$state', '$controller'];
function StaffSearchController($scope, $stateParams, $state, $controller) {
    angular.extend(this, $controller('DefaultController', {$scope: $scope, $stateParams: $stateParams, $state: $state }));
    console.info("StaffSearchController");
    $scope.searchTerm = "search me";
    $scope.doSearch = function(){
      console.log("doSearch");
    };
}