Компоненты для работы с текстом

В этом разделе мы расскажем, как отобразить текст, добавить поле для ввода текста, а также какие компоненты позволяют менять текст.

Отобразить текст

Для отображения текста в интерфейсе задания используйте компонент view.text. В свойстве content вставьте необходимый текст или укажите компонент с типом data.*, который его возвращает.

Если вы хотите вставить отформатированный текст, посмотрите инструкцию и примеры в разделе Форматирование текста.

Добавить поле для ввода текста

Чтобы добавить поле для ввода однострочного текста, используйте компонент field.text, для многострочного — field.textarea.

Изменить текст

Чтобы изменить текст, например, сделать все буквы большими или подставить значение переменной, используйте следующие компоненты:

• helper.text-transform — позволяет менять регистр. Для преобразования текста в свойстве transformation укажите соответствующее значение:

  • uppercase — сделает все буквы заглавными.
  • lowercase —сделает все буквы строчными.
  • capitalize — сделает первую букву текста заглавной, а все последующие — строчными.

• helper.replace — позволяет заменить одни части строки на другие. Для этого укажите в свойстве find значение, которое будет заменено на значение свойства replace.

• helper.join — позволяет соединить несколько строк в одну, в том числе через пробел или запятую.