angularjs – 在ng-Submit中访问表单元素

发布时间：2020-12-17 06:57:12 所属栏目：安全来源：网络整理

导读：我是角度js的新手,我很惊讶在ng-submit函数中访问表单元素. 我的目的是动态设置action属性并使用 jquery选择器并设置action属性来提交表单. div ng-app="MyApp" form name="myForm" ng-controller="myController" ng-submit="SubmitFunction(myForm)" input

我是角度js的新手,我很惊讶在ng-submit函数中访问表单元素.
我的目的是动态设置action属性并使用 jquery选择器并设置action属性来提交表单.

<div ng-app="MyApp">
    <form name="myForm" ng-controller="myController" 
     ng-submit="SubmitFunction(myForm)">
        <input type="submit" value="Submit" />            
    </form>
</div>

JS:
    var myApp = angular.module("MyApp",[]);
    myApp.controller("myController",["$scope",function ($scope) {
        $scope.SubmitFunction = function (formElement) {
            //Set action attribute ???
           //Submit the form ????
        };           
    }]);

解决方法

谢谢你的帮助.终于找到了解决方案.

<div ng-app="MyApp">
    <form name="myForm" ng-controller="myController" 
    ng-submit="SubmitFunction($event)">
        <input type="submit" value="Submit" />            
   </form>
</div>

JS:
var myApp = angular.module("MyApp",[]);
myApp.controller("myController",function ($scope) {
    $scope.SubmitFunction = function (e) {
        var formElement = angular.element(e.target);
        formElement.attr("action",actionLink);
        formElement.submit();
    };           
}]);

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!