javascript - 如何在 AngularJS 中单击时显示和隐藏按钮值？

Question

我需要在点击按钮时添加一个减号 (-200)，在第二次点击时，减号应该被移除。减号只能加在开头。

<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();			
    });

};

Answer 1

这是一个很好的方法:

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; 
    };
});

当然我认为输入值应该是任何东西而不仅仅是数字，那是因为我做了一个匹配