Как работать с валидацией в Angular?

var app = angular.module('loginForm',[]); 
 
app.controller('loginController',function ($scope) { 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
<div class="container" ng-app="loginForm"> 
        <div class="row" ng-controller = "loginController"> 
            <form class="col-lg-6 col-md-6 col-sm-6 col-xs-6" name="login" novalidate> 
                <div class="form-group"> 
                    <label for="uname">User name:</label> 
                    <input type="text" ng-model="data.username" class="form-control" id="uname" name = "uname" data-toggle="tooltip" title="User name"> 
                    <p style="color:red" ng-show="$dirty && $touched"> 
                        {{data.username}} 
                    </p> 
                </div> 
                <div class="form-group"> 
                    <label for="email">Email address:</label> 
                    <input type="email" ng-model="data.email" class="form-control" id="email" name="email" data-toggle="tooltip" title="Email"> 
                    <p style="color:red" ng-show="$dirty"> 
                        {{data.email}} 
                    </p> 
                </div> 
                <div class="form-group"> 
                    <label for="pwd">Password:</label> 
                    <input type="password" ng-model="data.password" class="form-control" id="pwd" name="password" data-toggle="tooltip" title="Password"> 
                    <p style="color:red" ng-show="$dirty"> 
                        {{data.password}} 
                    </p> 
                </div> 
                <div class="checkbox"> 
                    <label><input type="checkbox"> Remember me</label> 
                </div> 
                <button type="submit" class="btn btn-default">Submit</button> 
            </form> 
            <pre>{{login | json}}</pre> 
        </div> 
    </div>