AngularJS：在表单外部调用ng-submit事件

一尘不染

AngularJS：在表单外部调用ng-submit事件

angularjs

我是AngularJS中的一条小鱼，我遇到了这种情况。

<form>
    <input type="text">
</form>
<button type="submit">submit</button>

正常情况下，AngularJS提供ng-submit指令作为表单中的属性工作，但我需要在外部调用它。

那么，有人遇到过同样的问题吗？如果是，您做了什么？

阅读 282

2020-07-04

共1个答案

一尘不染

请用ng-controller包围您的代码，并使用ng单击

范围之外的按钮。

我为您制作了一个jsfiddle示例…尝试：

http://jsfiddle.net/xKkvj/2/

<div ng-app>
    <div ng-controller="Ctrl">
        <form ng-submit="submit()">Enter text and hit enter:
            <input type="text" ng-model="text" name="text" />
            <input type="submit" id="submit" value="Submit" /> <pre>list={{list}}</pre>
        </form>
        <button ng-click="submit()">Submit 2</button>
    </div>
</div>

使用js：

function Ctrl($scope) {
    $scope.list = [];
    $scope.text = 'hello';
    $scope.submit = function () {
        if ($scope.text) {
            $scope.list.push($scope.text);
            $scope.text = '';
        }
    };
}

2020-07-04