在angularjs ui-router中提交表单

发布时间:2020-01-21 发布网站:大佬教程
大佬教程收集整理的这篇文章主要介绍了在angularjs ui-router中提交表单大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用angular-ui-router.提交表单时,我想激活ui-routing,它是用ui-sref =“url”定义的. Angularjs中没有action元素,所以我使用的是ng-submit元素.

我如何/在哪里定义ui-sref网址?

表单通常具有以下代码.但是下面的’url’不是通过ui-router路由的.

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" }

    })
我不太确定我的问题是否正确,但从我的理解中你想提交一个表单并被重定向到你的$statePorivider的给定状态而没有任何服务器调用.如果是这种情况,您可以轻松地执行以下操作:
<form ng-submit="onFormSubmit" name="myForm">
  <input type="text" required/>
  ....
</form>

在与表单关联的控制器中,您应该:

$scope.onFormSubmit = function () {
  if(myForm.$valid) {
    $state.href('/url' [,optional parameters if needed]);
  }
}

注意onFormSubmit函数是否需要在控制器中注入状态服务或在应用程序控制器中引用它.

另请注意,我在示例中添加了一些表单验证.

大佬总结

以上是大佬教程为你收集整理的在angularjs ui-router中提交表单全部内容,希望文章能够帮你解决在angularjs ui-router中提交表单所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ群:277859234,请注明来意。