Test $locale

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.4/angular-filter.js"></script>
<div ng-app="demoApp" ng-controller="DemoController">
    <div ng-if="pending=='done'">
        <!-- No Records Found -->
        <div>
             <h2> You have not any contacts yet. </h2>
        </div>
    </div>
    <div ng-if="pending=='not done'">
        <table >
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>E-mail</th>
                    <th>Contact Number</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="(Id, value) in user.Count" ng-if="value.status=='Approved' ">
                    <td>{{Id}}</td>
                    <td>{{value.name}}</td>
                    <td>{{value.email}}</td>
                    <td>{{value.phone}}</td>
                </tr>
            </tbody>
        </table>
    </div>
    <button ng-click="changescopevalue()">change pending value to 'not done'</button>
</div>

CSS

.container {
    border: 1px solid red;
}

JavaScript

var demoApp = angular.module('demoApp', []);

demoApp.controller('DemoController', function ($scope) {

    $scope.pending = "done";

    $scope.changescopevalue = function () {
    		if($scope.pending === "done")
        	$scope.pending = "not done";
         else
         	$scope.pending = "done";
    };

});