带有角度的jquery.submit函数

时间:2015-08-05 12:05:10

标签: jquery angularjs

我们如何使用角度控制器提交表单? 另一个问题是我们如何用angular调用jquery函数?

 <form id="flightRules" target="_blank" action="<?= Yii::$app->request->baseUrl ?>/site/farerules" method="post">
                            <input type="hidden" name="airlineCode" id="airlineCode" />
                            <input type="hidden" name="fareCode" id="fareCode" />
                        </form>

我在html中有表单,我想用angular提交该表单!(与jquery相同的事情);

谢谢!

3 个答案:

答案 0 :(得分:3)

你可以这样做:

XML

<div ng-controller="MyController" >
<form>
<input type="text" id="name" ng-model="myForm.name" ng-minlength="5" ng-maxlength="12"> Name <br/>

<select ng-model="myForm.car">
  <option value="nissan">Nissan</option>
  <option value="toyota">Toyota</option>
  <option value="fiat">Fiat</option>
</select>

<button ng-click="myForm.submitTheForm()">Submit Form</button>
</form>

<div>
    {{myForm.name}}
</div>
<div>
    {{myForm.car}}
</div>

对于带有角度的Call Jquery Funtion,您可以使用此链接进行检查 Call jQuery function from AngularJS Controller 快乐编码:)

答案 1 :(得分:3)

我找到了答案!

向控制器添加$元素。之后调用$ element.find(&#34; #yourformid&#34;)。submit();.

答案 2 :(得分:-1)

ng-submit指令

https://docs.angularjs.org/api/ng/directive/ngSubmit

使用jquery函数,您可以创建自己的指令并相应地应用您的逻辑

How to use jQuery in AngularJS