Angular стилизация фрагмента

399
17 марта 2018, 15:56

Нужно стилизовать фрагмент в Angular,  подскажите пожалуйста как это можно сделать?

 <div class="title-block">Interval #{{i + 1}} - {{ item.type == 'lorem' ? 'Lorem type' : 'Style type' }}</div>

Нужно добавить другие стили вот этому кусочку 'Style type'

Answer 1

Можно этот кусочек обернуть в тег и дать ему класс:

<div class="title-block">Interval #{{i + 1}} - <span class="someClass">{{ item.type == 'lorem' ? 'Lorem type' : 'Style type' }}</span></div>
Answer 2

Можно обернуть и задавать класс по тому же условию:

<div class="title-block">
    Interval #{{i + 1}} - 
    <span [ngClass]="{'someclass': item.type != 'lorem' }">
        {{ item.type == 'lorem' ? 'Lorem type' : 'Style type' }}
    </span>
</div>
READ ALSO
Значение option по умолчанию в selectize.js

Значение option по умолчанию в selectize.js

Есть библеотека для стилизации select - selectizejs

364
препроцессор less

препроцессор less

"less-autocompile превысил время ожидания 10000 мс " - что это значит? и почему файл перестал работать?

389
Rich Text Fx поменять стиль текста

Rich Text Fx поменять стиль текста

Мне нужно поменять стиль текста в CodeArea в RichTextFxНужно, чтобы текст был подчеркнут линией

223