Toggle show/hide on mask

HTML

<div class="form-group">        
  <label>${Field Name}:</label><br/>       
  <input type='checkbox' class="glyphicon glyphicon-eye-close toggleMask" ng-click="c.toggleMask()" />       
  <input id="steve" role="textbox" ng-attr-type="{{inputType}}" class="form-control" ng-model="c.data.ssn" style="" autocomplete="off"
    class="form-control masked-element ng-valid ng-valid-maxlength ng-not-empty ng-dirty ng-valid-parse ng-touched" /><br/>
</div>

Client Script:

api.controller=function($scope) {
	/* widget controller */
	var c = this;
	$scope.inputType = 'password';

	c.toggleMask = function() {
		if ($scope.inputType == 'password') {
			$scope.inputType = 'text';
		}
		else {
			$scope.inputType = 'password';
		}
      };
};