Convert numeric string to number in angular 2

Question

I want to compare angular 2 expressions. I got array of data in numeric string from my database i need to convert this to number before give a condition with ngClass for styling. how can i convert this type. any idea?

  <td [ngClass]= "{'positive': gbh.Last > 0, 'negative': gbh.Last < 0}"> {{gbh.Last}} </td>

I'm not at my computer right now ... but does this work? +gbh.Last > 0 — DeborahK
– DeborahK, Commented Mar 28, 2017 at 17:11

trees_are_great · Accepted Answer · 2017-11-22 13:48:26Z

9

This answer is the typescript way: so answer

Number('1234') // 1234
Number('9BX9') // NaN

The other answer looks like it would be for int not numbers. You are better off using the plus symbol.

var x = "32";
var y = +x; // y: number

Ref answer:

edited Nov 22, 2017 at 13:48

answered Nov 2, 2017 at 16:24

trees_are_great

3,9113 gold badges34 silver badges66 bronze badges

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

2 Comments

jcairney Over a year ago

Yes those are all valid ways to convert to number in JS and TypeScript, however the question asked about converting to number within expressions in Angular template HTML. Your answer makes no mention of this. It's worth noting that expression syntax for Angular templates is very limited, and symbols such as Number and var are not allowed.

Bal Krishna Jha Over a year ago

@jcairney Number and var obviously will not work inside template. but that + works in template..

Antoine Guittet · Accepted Answer · 2017-03-28 12:54:04Z

6

As far as I know, you can not convert your numeric string to number inside the Angular expression.

The best practice will be to define a method in your controller which will solve your expression by using 'parseInt'

  function isPositive (x: String, y: number): boolean {
      return (parseInt(x, 10) < y);
  }

answered Mar 28, 2017 at 12:54

Antoine Guittet

4761 gold badge3 silver badges14 bronze badges

Collectives™ on Stack Overflow

Convert numeric string to number in angular 2

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related