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

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

<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>

---

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

您可以向我们显示您尝试此操作的链接吗。另外，请尝试调试您的代码，并检查是否存在任何错误。对于此要求，无需从任何链接键入。简单地动态设置输入类型。但拖动时会出现问题，angular没有拖动事件。您有任何解决方案吗？我在angular JS部分没有做过很多工作，但是这个问题似乎与一些js错误有关。@nadeem:这里没有错误。

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