ng-template 脚本中的表单验证 angularjs

Question

我想验证此代码中的名称字段..

<script type="text/ng-template" id="add.html">
    <div class="modal-header">
        <h3 class="modal-title">ADD</h3>
    </div>
    <div class="modal-body">
        <table class="add-table">
            <form name="myForm">
                <tr>
                    <div class="form-group">
                        <td>
                            <label>name:</label>
                        </td>
                        <td>
                            <input type="text" name="name" ng-model="user.name"
                                placeholder="Name" required=""></input>
                            <span class="error" ng-show="myForm.name.$dirty">Required</span>
                        </td>
                    </div>
                </tr>
            </form>

        </table>
    </div>
</script>

表达式 myForm.name.$dirty 不计算 return 任何值。我在这里做错了什么？

Answer 1

尝试将 <table> 移到 <form> 内。
也尝试使用 $invalid 而不是 $dirty.

ng-template 脚本中的表单验证 angularjs

Form validation angularjs inside ng-template script

html

forms

validation

angularjs