Calculation in angular expression

Question

I have a situation where I return a dollar amount and a discount percentage from an API for a number of products. I have an ng-repeat, where nn the UI, I want to show a discounted amount.

Something like:

{{this.amount * .(100 - this.discount)}}

I tried this, but it doesn't work.

Any advice?

Are both this.amount and this.discount defined? The use of this here is strange, usually in angular you add variables you want to $scope. E.g. in your controller: $scope.amount = 5, in your view: {{amount}} prints 5. — thodic
– thodic, Commented Feb 27, 2017 at 15:12

thodic · Accepted Answer · 2017-02-27 15:18:01Z

3

Are both this.amount and this.discount defined? The use of this here is strange, usually in angular you add variables you want to $scope.

E.g.

In your controller: $scope.amount = 5

Then your view: {{amount}} prints 5.

Ignoring this the use of the period before the brackets is causing your issue, try:

{{this.amount * (100 - this.discount) / 100}}

answered Feb 27, 2017 at 15:18

thodic

2,2791 gold badge21 silver badges38 bronze badges

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

1 Comment

cnak2 Over a year ago

That did it. Thanks!

mehulmpt · Accepted Answer · 2017-02-27 15:10:42Z

0

This is the valid syntax: {{amount * 0.(100 - discount)}} (notice that 0)

answered Feb 27, 2017 at 15:10

mehulmpt

16.7k13 gold badges54 silver badges90 bronze badges

2 Comments

cnak2 Over a year ago

Hi Mehul, I tried this <div class="h3">{{item.cost * 0.(100 - item.discount)}}</div>, but it doesn't work. Here is my ng-repeat: ng-repeat="item in results"

mehulmpt Over a year ago

@cnak2 what do you get in console?

Ashish Santikari · Accepted Answer · 2017-02-27 15:10:51Z

0

remove this keyword. Instead, use scope variables to calculate the value.

{{amount * .(100 - discount)}}

answered Feb 27, 2017 at 15:10

Ashish Santikari

4534 silver badges19 bronze badges

1 Comment

cnak2 Over a year ago

Thanks, Ashish. That was just an example. I'm not actually using the this keyword. The actual line is: <div class="h3">{{item.cost * 0.(100 - item.discount)}}</div>

Collectives™ on Stack Overflow

Calculation in angular expression

3 Answers 3

1 Comment

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related