如何在 angular 2 组件内将数字转换为字符串：答案

【问题标题】：How to convert number to string inside angular 2 component:如何在 angular 2 组件内将数字转换为字符串：
【发布时间】：2017-11-07 11:00:20
【问题描述】：

在我拥有的组件内部

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

这是一个属性接受的字符串，所以在这里我必须将数字传递给字符串，如何在 angular4、typescript 2.5 中做到这一点

【问题讨论】：

你是说你的所作所为给了你一个错误吗？如果是这样，错误是什么？
TypeScript 具有与 JS 相同的类型强制转换，因此在字符串上下文中使用时，数字会自动转换为字符串。
我已经关闭了这个话题，从 Gunter 和 Saurabh 那里得到了一个清晰的想法，感谢宝贵的 cmets

标签： angular typescript angular2-template

【解决方案1】：

整数到字符串就像调用.toString();一样简单

正如@GünterZöchbauer 所说TypeScript 具有与 JS 相同的类型强制，因此在字符串上下文中使用时，数字会自动转换为字符串

所以不会出现和Javascript一样的问题，你可以使用数字作为字符串。

如果你愿意，你可以这样做：

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

【讨论】：

【解决方案2】：

请尝试

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

注意：使用 ``（反引号）而不是 ''（撇号）来获取您的价值。

【讨论】：

【解决方案3】：

你可以用''+你的号码

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

【讨论】：

【解决方案4】：

会自动转换成字符串，举个例子

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

您可以在 Playground 部分下的 typescript 网站中查看，

Demo

【讨论】：

【解决方案5】：

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

【讨论】：