如何在AngularJS上单击显示和隐藏按钮值?

问题描述:

我需要添加一个减号按钮(-200),并在第二次点击时,应该删除减号。减号只能在开头添加。如何在AngularJS上单击显示和隐藏按钮值?

<input type="button" value="-" name ="minus" id="minus" ng-click="click($event)" />

$scope.click = function(event){ 
 

 
    angular.element('.numValBox').focus(); 
 
    angular.element('.numValBox').val(function(index,val){ 
 
     return val + angular.element(event.target).val(); \t \t \t 
 
    }); 
 

 
};

+0

什么'.numValBox'? –

+0

代码不清楚。请提供小提琴 –

这里是一个很好的办法给它:

JSFiddle

HTML:

<div ng-app="myApp" ng-controller="myCtrl"> 
    <input type="button" value="-" name="minus" id="minus" ng-click="click($event)" /> 
    <input type="text" ng-model="numValBox" class="numValBox"></div> 
</div> 

JS:

angular.module('myApp', []) 
.controller('myCtrl', function ($scope) { 
    $scope.numValBox = "hello world"; 
    $scope.click = function (event) { 
     $scope.numValBox = ($scope.numValBox.match(/-/)) ? $scope.numValBox.replace('-', '') : '-'+$scope.numValBox; 
    }; 
}); 

当然我想输入值应该是什么,不仅是数字,这就是因为我做了match