angular 拼接字符串有没有什么好办法呢,发现es6可以。
拼接方式:用反引号( ` )包裹起来
特点:
- 模板中的内容可以有格式并可以定义多行
- 通过${}方式填充数据
- 大括号里面可以进行运算和调用函数
例子:
// 例1
const content1 = 'hello boys!';
this.message = `hello world! ${content1}`;
// 例2
const content1 = 'hello boys!';
this.message = `hello world! ${content1}
<p style="color">hello girls!</p>`;
// 例3
this.message = `2 + 5 = ${2 + 5}`;
// 例4
this.message = `3 + 6 = ${this.sum(3, 6)}`;
sum (a: number, b:number):number {
return a + b;
}
标签:ES6,number,hello,拼接,message,content1,angular
From: https://blog.51cto.com/u_12374018/6195466