如何使用箭头键转到下一个或上一个表单步骤。我正在使用 AngularJS UI 路由器。下面的代码可以使用 prev 和 next 按钮进行导航。
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
// route to show our basic form (/form)
.state('wsp', {
url: '/wsp',
templateUrl: 'wsp_step',
controller: 'wspYearController'
})
.state('wsp.first_step', {
url: '/first_step',
templateUrl: 'wsp_step_first'
})
.state('wsp.second_step', {
url: '/second_step',
templateUrl: 'wsp_step_second'
})
$urlRouterProvider.otherwise('/wsp/first_step');
})
要进入不同的步骤,我正在这样做
<button type="button" ui-sref="wsp.first_step">Prev </button>
<button type="button" ui-sref="wsp.third_step">Next</button>