<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;"
><script></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
angular</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>.</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>module</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>(</span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
'emailExample'
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>,</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>[])</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>.</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>controller</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>(</span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
'ExampleController'
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>,</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>[</span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
'$scope'
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>,</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>Function</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>(</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
$scope
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>)</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>{</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
$scope
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>.</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>text </span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>=</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
'me@example.com'
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>;</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>}]);</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
></span><span style=
"box-sizing:border-box;color:navy;"
>
</script>
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
></span><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:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:teal;"
>ng-controller</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>=</span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
"ExampleController"
</span><span style=
"box-sizing:border-box;color:navy;"
>></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
Email: </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);"
>
"email"
</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);"
>
"input"
</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);"
>
"text"
</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:navy;"
>></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:navy;"
><span</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:teal;"
>
class
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>=</span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
"error"
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:teal;"
>ng-show</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.input.$error.required"
</span><span style=
"box-sizing:border-box;color:navy;"
>></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
Required!</span><span style=
"box-sizing:border-box;color:navy;"
></span></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:navy;"
><span</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:teal;"
>
class
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>=</span><span style=
"box-sizing:border-box;color:rgb(221, 17, 68);"
>
"error"
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
> </span><span style=
"box-sizing:border-box;color:teal;"
>ng-show</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.input.$error.email"
</span><span style=
"box-sizing:border-box;color:navy;"
>></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
Not valid email!</span><span style=
"box-sizing:border-box;color:navy;"
></span></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:navy;"
><tt></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>text = {{text}}</span><span style=
"box-sizing:border-box;color:navy;"
></tt><br/></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:navy;"
><tt></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>myForm.input.
$valid
= {{myForm.input.
$valid
}}</span><span style=
"box-sizing:border-box;color:navy;"
></tt><br/></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:navy;"
><tt></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>myForm.input.
$error
= {{myForm.input.
$error
}}</span><span style=
"box-sizing:border-box;color:navy;"
></tt><br/></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:navy;"
><tt></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>myForm.
$valid
= {{myForm.
$valid
}}</span><span style=
"box-sizing:border-box;color:navy;"
></tt><br/></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:navy;"
><tt></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>myForm.
$error
.required = {{!!myForm.
$error
.required}}</span><span style=
"box-sizing:border-box;color:navy;"
></tt><br/></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>
</span><span style=
"box-sizing:border-box;color:navy;"
><tt></span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
>myForm.
$error
.email = {{!!myForm.
$error
.email}}</span><span style=
"box-sizing:border-box;color:navy;"
></tt><br/>
</span><span style=
"box-sizing:border-box;color:rgb(51, 51, 51);"
></span><span style=
"box-sizing:border-box;color:navy;"
></form></span></code>