ng-bind simple angular template
http://angularjs.org/
HTML
<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl" id="tableForVxp" class="dataDisplay2">
{{level}}
<button ng-click="reset()">RESET</button>
<p ng-hide="level==''">On click of reset the level get updated as blank and if its blank i want a default text "NoneLeft" to be displayed</p>
<span ng-show="level==''">NoneLeft</span>
<a ng-bind="{{level || 'Candidate'}}"></a>
</div>
JavaScript
var myApp = angular.module('myApp', []);
myApp.controller("MyCtrl",function($scope) {
$scope.level = "iResult";
$scope.reset =function(){
$scope.level = "";
};
});