web-dev-qa-db-ja.com

内部で数値を文字列に変換する方法angular 2コンポーネント：

コンポーネント内には私が持っています

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

これは文字列として受け入れられるプロパティなので、ここではstringに数値を渡す必要があります。これを、angular4、TypeScript 2.5で行う方法

angulartypescriptangular2-template
7
Mohamed Sahir

お試しください

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

注意：値を取得するには、''（アポストロフィ）の代わりに ``（バックティック）を使用します。

3
Veena K. Suresh

文字列への整数は、.toString();を呼び出すのと同じくらい簡単です

@GünterZöchbauerが言ったようにTypeScriptはJSと同じ型強制を持っているので、文字列コンテキストで使用すると数値は自動的に文字列に変換されます

したがって、JavaScriptと同じ問題は発生しません。数値を文字列として使用できます。

あなたが望むなら、あなたはこのようにそれを行うことができます：

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

'' +自分の番号を使用できます

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

例として、自動的に文字列に変換されます

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

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

トランスパイルするとこれらの行に変換されます

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

typeScript Webサイトのプレイグラウンドセクションで確認できること、

デモ

1
Deepak Jha