如何在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
});
};
答
这里是一个很好的办法给它:
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
什么'.numValBox'? –
代码不清楚。请提供小提琴 –