Angular 2 ngStyle не может связать начало семейства шрифтов с числом

Question

Angular 2 ngStyle не может связать начало семейства шрифтов с числом

1

Я попытался связать динамическое семейство шрифтов с текстом. Но я сталкиваюсь с проблемой, что имя шрифта начинается с числа, не может быть привязано к элементу DOM. Я провел много исследований, но не могу понять, почему это происходит.

Шаблон:

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

Класс компонента:

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

С шрифтом "Arial" DOM генерируется отлично:

Но, похоже, он игнорирует создание шрифта "28 дней спустя"

Вот Плункер

Я ценю любое предложение, спасибо заранее!

Nguyen Tran 10 июнь 2017, в 12:50

Источник

Теги:

angular

javascript

css

fontfamily

ng-style

1 ответ

Ещё вопросы

Hamed Baatour · Accepted Answer · 2017-06-10T10-23-00.000Z

Assalamualaikum,

это довольно просто, просто используйте свой шрифт следующим образом:

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

Спасибо за Ваш ответ. Я также нашел причину, почему это происходит. Семейство шрифтов с текстом «Arial», оно может работать без ''. Но семейство шрифтов начинается с числа, которое мы должны использовать '', чтобы обернуть его.