使用动态更改的操作属性提交表单

时间:2014-08-01 11:15:59

标签: javascript forms angularjs

我尝试使用动态更改的动作网址发送表单,但在更改属性后,表单不会提交。

这是一个简单的例子: http://jsfiddle.net/THZHL/1/

<div ng-app="app">
    <form name="b" action="{{url}}" methood="post" ng-controller="formCtrl">
        <button type="button" ng-click="set()">1. set url</button>
        <button type="submit">2. Send</button>
        {{url}}
    </form>
</div>
<script>
    app = angular.module("app", []);

    app.controller("formCtrl", function($scope){
        $scope.set = function(){
            $scope.url = "/abc";
        }
    });
</script>

我不明白为什么会这样发生。

1 个答案:

答案 0 :(得分:1)

我找到了解决方案! $scope.url应设置为任何非空值。就像那样:

http://jsfiddle.net/THZHL/2/

app.controller("formCtrl", function($scope){
    $scope.url = "/def";

    $scope.set = function(){
        $scope.url = "/abc";

    }
});