我有组件内部
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中执行此操作
请试试
text: `${this.errorMsg} Energy produced in the Energy`,
注意:使用``(back-ticks)而不是''
(撇号)来获取你的价值。
整数到字符串就像调用.toString();
一样简单
正如@GünterZöchbauer所说,TypeScript具有与JS相同的类型强制,因此当在字符串上下文中使用时,数字会自动转换为字符串
所以没有问题会像Javascript一样出现,你可以使用数字作为字符串。
如果你想要你可以这样做,所以:
let num = 3;//number
var stringForm = num.toString();
console.log(stringForm);
你可以使用''+你的号码
let num:number=3;
let numTxt:string=''+number;
例如,它将自动转换为字符串
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部分查看打字稿网站,