web-dev-qa-db-fra.com

Comment convertir un nombre en chaîne à l'intérieur du composant angular 2:

A l'intérieur du composant que j'ai

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',

Ceci est une chaîne de propriété acceptée, donc ici je dois passer le nombre à la chaîne, comment faire cela dans angular4, TypeScript 2.5

angulartypescriptangular2-template
7
Mohamed Sahir

Pls essayer

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

NB: Utilisez `` (back-ticks), au lieu de '' (apostrophe), pour obtenir votre valeur.

3
Veena K. Suresh

Un entier dans une chaîne est aussi simple que d'appeler .toString();

Comme l'a dit @ GünterZöchbauer TypeScript a le même type de coercition que JS, donc les nombres sont automatiquement convertis en chaînes lorsqu'ils sont utilisés dans un contexte de chaîne

Donc, aucun problème ne se produira comme Javascript, vous pouvez utiliser le numéro comme chaîne.

Si vous voulez, vous pouvez le faire comme ceci:

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

vous pouvez utiliser '' + votre numéro

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

Il sera automatiquement converti en chaîne, par exemple

class myClass{
    private myNum: number = 10;
    private myName: string = "Name Surname";

    onInit() {
        console.log(this.myName+this.myNum);    
    }
}

sera converti en ces lignes une fois transpilé

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;
}());

que vous pouvez vérifier dans le site Web TypeScript sous la section aire de jeu,

Démo

1
Deepak Jha