在ng-template脚本中形成验证angularjs

时间:2015-01-21 06:12:20

标签: angularjs html5 forms validation

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

<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不评估并返回任何值。 我在这里做错了什么?

1 个答案:

答案 0 :(得分:2)

  1. 尝试在<table>内移动<form>
  2. 也尝试使用 $invalid代替$dirty