Как занести первый символ в класс?

Question

[Nubbin]

Angular 4, 5.

Добрый вечер, ребята как занести один символ в класс

Вот текст
<div class="subtitle">Привет, супер все</div>

Как сделать так

<div class="subtitle"><span class="first">П</span>ривет, супер все.</div>

На AngularJS делал так

(function () {
    var node = $(".subtitle").contents().filter(function () { return this.nodeType == 3 }).first(),
        text = node.text().trim(),
        first = text.slice(0, 1);

    if (!node.length)
        return;

    node[0].nodeValue = text.slice(first.length);
    node.before('<span class="first">' + first + '</span>');
})();

- но на angular 4 не могу пожалуйста помогите

Comments

[Ivan Stroykin]

А зачем? Если в css есть псевдоэлемент :first-letter ?