使用ng-include插入时表单不起作用

时间:2014-01-22 00:35:29

标签: angularjs

我有一个通过ng-include插入的表单,但它不起作用。如果我手动粘贴ng-include src中的html模板(而不是使用ng-include),那么它可以正常工作。是否有ng-include禁用表单的内容?

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

login_form.html:

<form ng-submit="loginUser()">
    <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>

我错过了什么?

1 个答案:

答案 0 :(得分:0)

尝试将loginUser()分解为自己的子控制器。

这样你的功能将在同一个$scope

<div ng-controller="LoginUserController">
  <div ng-include src="'views/login_form.html'"></div>
</div>