角度验证不起作用

Question

我正在关注 AngularJS 的教程，现在我被卡住了，我不知道我做错了什么。

<div ng-app="myApplication" ng-controller="ex13Controller">
        <form name="mijnFormulier" novalidate>
        <table>
            <tr>
                <td>Naam:</td>
                <td><input value="" ng-model="user.naam" name="naam" />
                <td><span style="color: red" ng-show="mijnFormulier.naam.$dirty && mijnFormulier.naam.$invalid" ><span ng-show="mijnFormulier.naam.$error.required">Moet ingevuld worden</span></span></td>
            </tr>
       </table>
       </form>
</div>

Angular 显示 mijnFormulier.naam。$ dirty 状态良好，（在离开 $ invalid 时测试和$ error.required）。当谈到验证时，Angular没有反应。

Answer 1

您需要将属性required添加到input代码

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
        <form name="mijnFormulier" novalidate>
        <table>
            <tr>
                <td>Naam:</td>
                <td><input value="" ng-model="user.naam" name="naam" required />
                <td><span style="color: red" ng-show="mijnFormulier.naam.$dirty && mijnFormulier.naam.$invalid" ><span ng-show="mijnFormulier.naam.$error.required">Moet ingevuld worden</span></span></td>
            </tr>
       </table>
       </form>
</div>

Answer 2

我忘记了输入中所需的标记。 -.-

<input value="" ng-model="user.naam" name="naam" required/>

喜欢这个。