How to convert number to string inside angular 2 component:

Question

Inside the component i have

export class AppComponent implements OnInit {


public errorMsg :number =10 ;

public doughnutChartOptions: any = {
 cutoutPercentage: 85,
  elements: {
    center: {
      text: this.errorMsg + ' Energy produced in the Energy',
      fontColor: '#fff',
      fontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
      fontSize: 24,
      fontStyle: 'normal'
    }
  }
};

}

  text: this.errorMsg + ' some thing',

This is a property accepted string , so here i have to pass the number to string , How to do that in angular4,typescript 2.5

are you saying what you do gives you an error? if so, what is the error? — mast3rd3mon
– mast3rd3mon, Commented Nov 7, 2017 at 11:02
TypeScript has the same type coercion as JS, so numbers are automatically converted to strings when used in a string context. — Günter Zöchbauer
– Günter Zöchbauer, Commented Nov 7, 2017 at 11:04
I have closed this topic , got a clear idea from Gunter and Saurabh, thanks for the valuable comments — Mohamed Sahir
– Mohamed Sahir, Commented Nov 7, 2017 at 12:20

Saurabh Agrawal · Accepted Answer · 2023-11-28 05:43:38Z

20

Integer to string is as simple as calling .toString();

As @GünterZöchbauer said TypeScript has the same type coercion as JS, so numbers are automatically converted to strings when used in a string context

So no problem will occur same as Javascript, you can use number as string.

If you want you can do it like this so :

const num = 3;//number
const stringForm = num.toString();
console.log(stringForm);

edited Nov 28, 2023 at 5:43

answered Nov 7, 2017 at 11:17

Saurabh Agrawal

7,7553 gold badges31 silver badges52 bronze badges

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

Comments

Community · Accepted Answer · 2018-09-13 15:36:42Z

4

Pls try

text:  `${this.errorMsg} Energy produced in the Energy`,

NB: Use `` (back-ticks) , instead of '' (apostrophe), to get your value.

edited Sep 13, 2018 at 15:36

CommunityBot

11 silver badge

answered Nov 7, 2017 at 11:22

Veena K. Suresh

1,0128 silver badges17 bronze badges

Comments

Eliseo · Accepted Answer · 2017-11-07 11:25:37Z

4

you can use ''+your number

let num:number=3;
let numTxt:string=''+number;

answered Nov 7, 2017 at 11:25

Eliseo

58.9k4 gold badges39 silver badges82 bronze badges

Comments

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

It will be converted into the string automatically, for an example

class myClass{
    private myNum: number = 10;
    private myName: string = "Name Surname";
    
    onInit() {
        console.log(this.myName+this.myNum);    
    }
}

will be converted into these lines when transpiled

var myClass = /** @class */ (function () {
    function myClass() {
        this.myNum = 10;
        this.myName = "Name Surname";
    }
    myClass.prototype.onInit = function () {
        console.log(this.myName + this.myNum);
    };
    return myClass;
}());

that you can check in typescript website under play ground section,

Demo

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Nov 7, 2017 at 11:19

Deepak Jha

1,61913 silver badges17 bronze badges

Comments

Gowrisankar N · Accepted Answer · 2019-12-25 07:29:39Z

0

let num = 3;//number
let stringForm = num.toString();
console.log(stringForm);

answered Dec 25, 2019 at 7:29

Gowrisankar N

1

Collectives™ on Stack Overflow

How to convert number to string inside angular 2 component:

5 Answers 5

Comments

Comments

Comments

Demo

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related