Is there a way to use math functions in angular2 bindings?

example

<div> <b>{{Math.round(variable/12*2)}}</b> <b>{{Math.round(variable/12*2)}}</b> </div> 

when try to use this i got error

Cannot read property 'round' of undefined 

Also the similar question is answered for angular1

1

2 Answers

You can try this :

@Component({ selector: 'my-app', template: ` <div> <h2>Hello {{math.round(number)}}</h2> </div> `, }) export class App { number = 2.5; math = Math; } 

DEMO

2

For rounding numbers in Angular templates, you can use the DecimalPipe: {{ value | number }}

See all the rounding options in

For all the built-in pipes, check

3

Your Answer

Sign up or log in

Sign up using Google Sign up using Facebook Sign up using Email and Password

Post as a guest

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy