Angular 2 ngStyle 无法绑定以数字开头的字体系列答案

【问题标题】：Angular 2 ngStyle cannot bind font-family start with a numberAngular 2 ngStyle 无法绑定以数字开头的字体系列
【发布时间】：2017-06-10 10:17:46
【问题描述】：

我尝试将动态字体系列绑定到文本。但是我面临一个问题，以数字开头的字体名称无法绑定到 DOM 元素。我做了很多研究，但我找不到它发生的原因。

模板：

<h2 [style.font-family]="font">Hello {{name}}</h2>

组件类：

constructor() {
    this.name = `Angular! v${VERSION.full}`;
    this.font = '28 Days Later';
}

使用“Arial”字体，DOM 生成良好：

但是，它似乎忽略了生成字体“28 天后”

这里是Plunker

感谢任何建议，在此先感谢！

【问题讨论】：

【解决方案1】：

这很简单，只需像这样使用您的字体：

 this.font = "'28 Days Later'";

【讨论】：

感谢您的回答。我也找到了它发生的原因。一个只有“Arial”文本的字体系列，它可以在没有''的情况下工作。但是 font-family 以数字开头，我们必须使用 ' ' 来包装它。