iphone - ng-submit 和 ng-click 在 ionic iPhone 应用程序中多次触发

Question

我正在尝试 ionic 框架，它看起来非常好。但是，我在提交表单时遇到问题:表单触发两次。首先是按下提交按钮时，然后是点击屏幕上的任意位置。这种情况在 xcode 模拟器和我的 iphone 4gs 上都会发生。

这就是我所做的: 我使用以下命令安装侧菜单模板:ionic start myApp sidemenu。

然后，我只需将此表单粘贴到制表符破折号模板中即可:

  <form ng-submit="createTask(task)">
        <div class="list">
            <label class="item item-input">
                <input type="text" placeholder="What do you need to do?" ng-model="task.title">
            </label>
        </div>
        <div class="padding">
            <button type="submit" class="button button-block button-positive">Create Task</button>

        </div>
    </form>   

在我的 Controller 中我只有:

 $scope.createTask = function(task) {

        alert(task.title);

    };

这是我对起始模板所做的唯一更改，但表单仍然提交了两次。我不知道为什么。非常感谢这里的一些指导!

Answer 1

从按钮中删除 type="submit"并从表单中删除 ng-submit 并将其作为 ng-click 按钮本身移动。

所以你最终应该得到

<button ng-click(createTask) class="...">Create Task</button>