angularjs ui路由器中的表单提交
我使用的是AngularUI路由器。提交表单时,我想激活ui路由,该路由由angularjs ui路由器中的表单提交,angularjs,angular-ui-router,Angularjs,Angular Ui Router,我使用的是AngularUI路由器。提交表单时,我想激活ui路由,该路由由ui sref=“url”定义,Angularjs中没有action元素,因此我使用ng submit元素 如何/在何处定义ui srefurl 表单通常具有以下代码。但是下面的“url”不是通过ui路由器路由的 form(name="LNquestionForm", action="/url") 我想做一些像 form(name="LNquestionForm", ng-submit='ui-sref = "url"
ui sref=“url”
定义,Angularjs中没有action
元素,因此我使用ng submit
元素
如何/在何处定义ui sref
url
表单
通常具有以下代码。但是下面的“url”不是通过ui路由器路由的
form(name="LNquestionForm", action="/url")
我想做一些像
form(name="LNquestionForm", ng-submit='ui-sref = "url" ')
因此,通过myAngularApp.js进行路由,如下所示:-
var myApp = angular.module('myApp', ['ui.router']);
myApp.config(function($stateProvider, $urlRouterProvider) {
// Now set up the states
$stateProvider
.state('/url', {
url: "/url",
templateUrl: "partials/someLink" }
})
我不太确定您的问题是否正确,但据我所知,您希望提交一个表单并重定向到$stateprovider的给定状态,而无需任何服务器调用。如果是这种情况,您可以轻松地执行以下操作:
<form ng-submit="onFormSubmit" name="myForm">
<input type="text" required/>
....
</form>
如果需要在控制器中注入状态服务或在应用程序控制器中引用状态服务,请小心使onFormSubmit函数正常工作
还请注意,我在示例中添加了一些表单验证
$scope.onFormSubmit = function () {
if(myForm.$valid) {
$state.href('/url' [, optional parameters if needed]);
}
}