Angular ng-if to determine input number value

Question

Quite simple just not too sure how to code it, I have an input box which sets a value, it then submits the value for processing, Currently I want the value to default to 0 in the input box, if it is currently not assigned a value, i.e 10.

<div class="row">
    <div class="col-sm-8">
    <label for="totalStaff" style="padding-bottom: 10px; width: 150px;">Number of Staff</label>
    <button class="form-button" ng-click="staff.staffTotal = staff.staffTotal - 1" ng-disabled="staff.staffTotal === 0">-</button>
    <input class="form-control max-width" type="number" id="totalStaff" name="totalStaff" min="0"
    ng-model="staff.staffTotal" 
    ng-blur="myform.totalStaff.$touched=true" 
    ng-required="true" 
    ng-class="{'input-error': myform.totalStaff.$touched && myform.totalStaff.$error.required}"
    ng-if="isEmpty"  
    />
    <button class="form-button" ng-click="staff.staffTotal = staff.staffTotal + 1">+</button>
    </div>
</div>

controller isEmpty function

    $scope.isEmpty = function(number) {         
        return (number == undefined || number == null || number == "");
    };

So at this stage it does everything but either assign the value of 0, or the value by the user. I want the values to default to 0, as they are not all mandatory, but the form won't allow submissions with empty input fields.

Why can't you just assign the model a default value of 0?

ChiefTwoPencils
– ChiefTwoPencils

2017-02-23 01:46:40 +00:00
Commented Feb 23, 2017 at 1:46 — ChiefTwoPencils
– ChiefTwoPencils, Commented Feb 23, 2017 at 1:46

Yang You · Accepted Answer · 2017-02-23 01:47:22Z

1

in the initialization of scope, set staff.staffTotal to be 0. i.e.

$scope.staff.staffTotal = 0;
$scope.isEmpty = function() {
  return $scope.staff.staffTotal == 0;
}

answered Feb 23, 2017 at 1:47

Yang You

2,6682 gold badges28 silver badges33 bronze badges

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

Comments

tin · Accepted Answer · 2017-02-23 01:48:46Z

0

I think the Angular way would be that you initialize staff.staffTotal as 0 somewhere in your controller.

Otherwise I'd just go with adding value="0"

answered Feb 23, 2017 at 1:48

tin

1551 silver badge9 bronze badges

Collectives™ on Stack Overflow

Angular ng-if to determine input number value

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related