发布带有操作属性的表单会导致页面更改网址

Question

我有这样的表格：

<form ng-submit="submit()" action="/api/project" method="post">
    <input type="text" name="prj_title"  ng-model="project.prj_title" >
    <input type="submit" class="btn btn-block btn-success btn-lg" value="Request">
</form>

它有效，但问题是对/ api / project的url更改。我不想要这个。我只想将我的数据发布到/ api / project。

我该如何避免这种情况？

Answer 1

省略action属性并通过submit方法

执行所有逻辑操作

<form ng-submit="submit()">
<input type="text" name="prj_title"  ng-model="project.prj_title" >
<input type="submit" class="btn btn-block btn-success btn-lg" value="Request">

你不需要它，因为Angular在这里做了主要的工作

来自docs：

的引用

  

此外，它会阻止默认操作（表单意味着将请求发送到服务器并重新加载当前页面），但前提是表单不包含action，data-action或x-action属性。