Какой лучший метод для создания толстых знаков со стрелками, которые будут заполнены текстом?

#javascript #angularjs

#javascript #angularjs

Вопрос:

В приложении Angular, которое уточняет различное содержимое, например стрелки (вверх, вниз, влево, вправо), которые заполнены текстом (информация, поступающая с сервера), какова наилучшая стратегия для представления этих стрелок?

SVG, холст, просто изображение или, может быть, использовать библиотеку JavaScript для конкретных визуализаций?

Примечание: текст внутри элементов и цвет элементов могут меняться в зависимости от выбранных данных.

Примечание 2: поскольку я использую Bootstrap, до сих пор я использовал его следующим образом: http://jsfiddle.net/gugol/yhq3npxs/23 /

 <div class="">
    <i class="glyphicon glyphicon-arrow-left icon--size"></i>
    <span class="text--custom">5</span>
</div>
 

Стрелка с текстом в ней

Комментарии:

1. это также можно сделать с помощью html / css. Много способов сделать это … вам решать, что подходит лучше всего

2. @charlietfl под html и css вы подразумеваете изображение и размещаете текст внутри него с помощью css?

3. Я не понимаю, какое это имеет отношение к Angularjs. Вы спрашиваете о технике отображения, с которой angular не помогает и не мешает. Вы показали пример, который, похоже, делает то, что вы хотите, в котором нет angular; этот же пример работал бы, если бы angular был включен на страницу.

4. @Claies Ну, это может иметь или не иметь какое-то значение. Это может помочь в случае библиотеки js (с уже разработанным плагином angular). Если он не дает вам никакой релевантной информации, все в порядке, но, пожалуйста, не задавайте вопросов по моему вопросу.