ES6 拼接字符串(angular)

angular 拼接字符串有没有什么好办法呢,发现es6可以。

拼接方式:用反引号( ` )包裹起来

特点:

  1. 模板中的内容可以有格式并可以定义多行
  2. 通过${}方式填充数据
  3. 大括号里面可以进行运算和调用函数

例子: 

// 例1
const content1 = 'hello boys!';
this.message = `hello world! ${content1}`;

// 例2
const content1 = 'hello boys!';
this.message = `hello world! ${content1}
  

hello girls!

`;

// 例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;
}

你可能感兴趣的:(B-JavaScript)