Question

我在组件内部

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

中执行此操作

Answer 1

整数到字符串就像调用.toString();

一样简单

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

因此，没有问题会出现与Javascript相同，您可以使用数字作为字符串。

如果你想要，你可以这样做：

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

Answer 2

请尝试

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

注意：使用``（back-ticks）而不是''（撇号）来获取你的价值。

Answer 3

它将自动转换为字符串，例如

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部分的光谱网站上查看，

Demo

Answer 4

您可以使用＆＃39;＆＃39; +您的号码

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

Answer 5

Content-Type

如何将数字转换为角度2组件内的字符串：

5 个答案:

Demo