javascript - `${}` 在 Angular 中有什么用?

标签 javascript angular ecmascript-6

<分区>

我有时会在 Angular 项目的 TypeScript 组件文件中的反引号内看到这种语法:

<div ${selector} [inDemo]="false" [config]="demoConfig">Demo Content</div>

有人可以向我解释这个特定属性 ${} 吗?

它是如何工作的,我应该在什么时候使用它?

最佳答案

它被称为模板文字,它是 ECMASCRIPT6 (ECMASCRIPT2015) 的一个特性

在不使用它的情况下,您可以通过以下方式将字符串与一些变量连接起来:

var a = 10, b = 15;
var string = "a equals to " + a + " and b equals to " + b;

通过使用模板文字,它会更简单:

var a = 10, b = 15;
var string = `a equals to ${a} and b equals to ${b}`;

关于javascript - `${}` 在 Angular 中有什么用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46279253/

相关文章:

html - 如何防止 Angular 中的选项卡事件?

javascript - 如何将ajax变量传递到另一个页面?

angular - 使用 SystemJS 即时转译 SASS

javascript - Jquery 移动预加载页面停止工作

angular - AWS Cognito Angular 示例 : URIError: URI malformed

javascript - 代理无法在扩展类中获取方法

javascript - 设置状态不是在 React/ES6 中重新渲染组件

reactjs - 创建新类与使用导出 const 之间的差异

javascript - 当 slider 改变值但鼠标按钮尚未释放时触发的事件

javascript - Rails webpack js和ajax刷新