<code style=
"box-sizing:border-box;font-family:Menlo, Monaco, Consolas, 'Courier New', monospace;font-size:inherit;padding:0px;color:inherit;background-color:transparent;white-space:pre-wrap;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;"
><span style=
"box-sizing:border-box;color:navy;"
><form</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:teal;"
>name</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>=</span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
"myForm"
</span><span style=
"box-sizing:border-box;color:navy;"
>></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:navy;"
><label></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>Enter your name:</span><span style=
"box-sizing:border-box;color:navy;"
></label></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:navy;"
><input</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:teal;"
>Type</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>=</span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
"text"
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:teal;"
>name</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>=</span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
"myName"
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:teal;"
>ng-model</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>=</span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
"name"
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:teal;"
>ng-minlength</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>=</span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
"5"
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:teal;"
>ng-maxlength</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>=</span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
"20"
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:teal;"
>required</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:navy;"
>/></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:navy;"
><pre></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>myForm.myName.
$error
= {{ myForm.myName.
$error
| json }}</span><span style=
"box-sizing:border-box;color:navy;"
></pre></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:navy;"
><div</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:teal;"
>ng-messages</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>=</span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
"myForm.myName.$error"
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:teal;"
>style</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>=</span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
"</span><span style="
box-sizing:border-box;color:rgb(51, 51, 51);
">color</span><span style="
box-sizing:border-box;color:rgb(51, 51, 51);
">:</span><span style="
box-sizing:border-box;color:rgb(51, 51, 51);
">maroon</span><span style="
box-sizing:border-box;color:rgb(221, 17, 68);
">"
</span><span style=
"box-sizing:border-box;color:navy;"
>></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:navy;"
><div</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:teal;"
>ng-message</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>=</span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
"required"
</span><span style=
"box-sizing:border-box;color:navy;"
>></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>You did not enter a field</span><span style=
"box-sizing:border-box;color:navy;"
></div></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:navy;"
><div</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:teal;"
>ng-message</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>=</span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
"minlength"
</span><span style=
"box-sizing:border-box;color:navy;"
>></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>Your field is too short</span><span style=
"box-sizing:border-box;color:navy;"
></div></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:navy;"
><div</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:teal;"
>ng-message</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>=</span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
"maxlength"
</span><span style=
"box-sizing:border-box;color:navy;"
>></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>Your field is too long</span><span style=
"box-sizing:border-box;color:navy;"
></div></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:navy;"
></div></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
></span><span style=
"box-sizing:border-box;color:navy;"
></form></span></code>