How to show and hide button value on click in AngularJS?

Question

I need to add a minus sign onclick of a button (-200), and on second click, the minus sign should be removed. And minus sign can be added only in the beginning.

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

};

What's .numValBox?

michelem
– michelem

2015-07-13 09:05:27 +00:00
Commented Jul 13, 2015 at 9:05 — michelem
– michelem, Commented Jul 13, 2015 at 9:05
Code is not clear . please provide fiddle

Shubham Nigam
– Shubham Nigam

2015-07-13 09:06:45 +00:00
Commented Jul 13, 2015 at 9:06 — Shubham Nigam
– Shubham Nigam, Commented Jul 13, 2015 at 9:06

michelem · Accepted Answer · 2015-07-13 09:08:58Z

2

Here is a good approach to it:

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

Of course I thought the input value should be anything not only numbers and that's because I did a match

answered Jul 13, 2015 at 9:08

michelem

14.6k5 gold badges55 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to show and hide button value on click in AngularJS?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related