javascript - Angular ng 包含表单操作发布 URL 不起作用

Question

如果使用 ng-include 将其包含在父 html 中，则不会触发表单发布。

<div ng-include src="'form.html'"></div>

form.html文件代码如下

<form action="next/login" method ="post">
    <table>
        <tr>
            <td class="login_input_field v_align_top">
                <input type="text" name="email" ng-model="email">
            </td>
            <td class="login_input_field">
                <input type="password" name="pass" ng-model="password">
            </td>
            <td class="login_button_container">
                <button type="submit" id="login" name="login">Login</button>
            </td>
        </tr>
    </table>
</form>

如果我在表单中提交，则 URL 不会在浏览器的 URL 栏上导航。没有对提交事件执行任何操作。

请解释功能背后的 Angular 逻辑。

这与包含模板无关。

问题:

表单提交行为改变示例 html 页面:index.html1) 我在 index.html 页面中有一个表单，提交它会改变我的 URL，然后页面刷新并得到响应2) 如果我在模板中有表单并将其包含在 index.html 中。 URL 不会改变，页面也不会刷新。

第 1 点和第 2 点有什么区别？

Answer 1

您正在尝试在 div 中使用 ng-include，如下所示。

<div ng-include src="'form.html'"></div>

但使用 ng-include 的 src 属性将其用作单独的元素，如下所示。

<ng-include
  src="string"
  [onload="string"]
  [autoscroll="string"]>
</ng-include>

对于 ng-include 和 div 的使用如下:

<div ng-include="form.html"></div>

要将ng-include 用作单独的元素，请使用如下代码:

<ng-include src="form.html"></ng-include>