This question is related to another question that I asked recently at the
forum. I had to start a new post because my question evolved over time and
my original question wasn't valid any more. I narrowed down my problem to
the quantity buttons submitting every time they're clicked so I am only
showing my quantity button code. What I want to find out is how can I get
the buttons to only submit when the submit button is clicked. Right now
they console log 'click submitted' every time they are clicked.
The HTML
<button class="minus-btn" (click)="minus(product)" type="button" name="btn"
onclick="return false;">
<img src="../assets/images/minus.svg" alt="minus" /></button>
<input class="num" name="int" [value]="product.nullValue" formControlName=
"int" ng-minlength="0" type="number" required />
<button class="plus-btn" (click)="plus($event, product)" name="btn" type=
"button" onclick="return false;">
<img src="../assets/images/plus.svg" alt="plus" /></button>
and in the controller:
plus($event, product:any) {
$event.preventDefault();
product.nullValue++;
this.quantity = product.nullValue;
console.log('click submitted');
return false;
return this.quantity;
}
minus(product:any){
product.nullValue--;
this.quantity = product.nullValue;
console.log('click submitted');
return false;
return this.quantity;
}
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/angular/ba07e434-f9b3-4950-a254-fa58e628d967o%40googlegroups.com.