Node-RED:Библиотеки/node-red-dashboard/Text: различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) (Новая страница: «{{Node-RED/Панель перехода}} {{Перевод от Сubewriter}} {{Myagkij-редактор}} <syntaxhighlight lang="javascript" enclose="div">…») |
Myagkij (обсуждение | вклад) Нет описания правки |
||
| Строка 4: | Строка 4: | ||
{{Myagkij-редактор}} | {{Myagkij-редактор}} | ||
=Нода «Text»= | |||
Добавляет нередактируемый текст в интерфейс пользователя. | |||
Каждое новое '''«msg.payload»''' будет обновлять этот текст согласно формату, заданному в поле '''«Value Format»'''. | |||
В поле '''«Value Format»''' можно использовать корректные [[HTML]]- и [https://scotch.io/tutorials/all-about-the-built-in-angularjs-filters Angular-фильтры]. | |||
Например, если задать в '''«Value Format»''' следующее... | |||
<syntaxhighlight lang="javascript" enclose="div"> | <syntaxhighlight lang="javascript" enclose="div"> | ||
{{value | uppercase}} ° | |||
</syntaxhighlight> | |||
...то это сделает все символы из '''«msg.payload»''' символами верхнего регистра, а в конце будет добавлен символ градуса. | |||
Кроме того, значение в '''«Label»''' можно задать с помощью свойства сообщения. Например, так: | |||
<syntaxhighlight lang="javascript" enclose="div"> | |||
{{msg.topic}} | |||
</syntaxhighlight> | |||
В виджете можно использовать иконки [https://design.google.com/icons/ Material Design], [https://fontawesome.com/v4.7.0/icons/ Font Awesome] и [https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md Weather]. | |||
=См.также= | =См.также= | ||
Версия от 19:10, 4 июня 2019
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
Нода «Text»
Добавляет нередактируемый текст в интерфейс пользователя.
Каждое новое «msg.payload» будет обновлять этот текст согласно формату, заданному в поле «Value Format».
В поле «Value Format» можно использовать корректные HTML- и Angular-фильтры.
Например, если задать в «Value Format» следующее...
{{value | uppercase}} °
...то это сделает все символы из «msg.payload» символами верхнего регистра, а в конце будет добавлен символ градуса.
Кроме того, значение в «Label» можно задать с помощью свойства сообщения. Например, так:
{{msg.topic}}
В виджете можно использовать иконки Material Design, Font Awesome и Weather.
