使用angular.js拖动鼠标时密码字段不起作用

Question

我有一个问题。我有一个带有眼睛图标的密码。当用户点击这个眼睛图标时，输入的任何密码都将显示为文本，再次按下鼠标将显示为密码。在我的情况下，它发生了像这样，但是当用户在点击眼睛图标后向上/向下拖动鼠标时，键入的密码显示为不应发生的文本。我正在解释下面的代码。

<div class="input-group bmargindiv1 col-md-12">
<span style="position:absolute; right:5px; margin-top:6px;"><button class="btn btn-xs btn-success"ng-mousedown="hideShowPassword();" ng-mouseup="hideShowPassword();" ><i class="fa fa-eye"></i></button></span>
<span class="input-group-addon ndrftextwidth text-right" style="width:180px">Password :</span>
<input type="{{inputType}}" name="itemname" id="contactno" class="form-control" placeholder="password" ng-model="password" >
</div>

下面给出了相关的控制器代码。

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

这里我的问题是假设用户点击了眼睛图标，密码显示为文本，同时用户通过按住鼠标按下来向上/向下拖动密码也显示为我不需要的文本。请帮助我解决这个问题。