Модуль «Ссылка»
Преднастроенный Angular модуль «Ссылка» предназначен для добавления на страницу записи ссылок, по нажатию которых выполняется переход к указанному ресурсу. В качестве источника данных для работы модуля «Ссылка» используются текстовые поля страницы раздела, в которых указывается URL-адрес.
Например, на страницу контакта добавлено пользовательское текстовое поле «Профиль в социальной сети», в котором указывается URL-адрес на профиль клиента в социальной сети. С помощью Angular модуля URL-адрес возможно отобразить на странице записи в виде гиперссылки, например, «Просмотреть профиль». При нажатии на гиперссылку выполнится автоматический переход к указанному в поле профилю клиента в социальной сети (Рисунок 1).
Рисунок 1 — Модуль «Ссылка» на странице записи
При наведении на экземпляр модуля отображаются кнопки и
. При нажатии на кнопку
для экземпляра модуля будет активирован режим редактирования, с помощью которого можно изменить значение ссылки. Для редактирования доступны ссылки, для которых заполнено поле «Источник данных». После внесения изменений:
- Если нажать на кнопку
или любую другую часть визуального интерфейса приложения, то внесенные изменения будут сохранены;
- Если нажать на кнопку
, то введенное значение будет очищено.
Рисунок 2 — Изменение значения экземпляра модуля «Ссылка»
При нажатии на кнопку произойдет переход по ссылке.
Для модуля «Ссылка» также возможно настроить статичную ссылку, которая не будет зависеть от данных текстового поля.
Настройка параметров модуля
Для настройки ссылки заполните поля, которые отображаются во всплывающем окне при добавлении модуля на страницу (Рисунок 2).
Рисунок 3 — Параметры настройки модуля «Ссылка»
Параметр «Наименование экземпляра»
В поле «Наименование экземпляра» укажите название экземпляра модуля. Значение параметра генерируется автоматически. Поле обязательно для заполнения и доступно для редактирования.
На странице раздела можно отобразить несколько ссылок для разных полей. При добавлении на страницу более одного элемента «Ссылка» указывайте отличные друг от друга наименование экземпляров.
Параметр «Заголовок»
В поле «Заголовок» укажите название, которое отображается на странице записи вместе с элементом «Ссылка».
Рисунок 4 — Заголовок ссылки
Если параметр не задан, то элемент на странице отображается без названия
Параметр «Поле источник данных»
В поле «Поле источник данных» укажите поле, значение которого используется в качестве ссылки для перехода к ресурсу. Если в поле источника данных для ссылки не задан протокол http/https, то при переходе по этой ссылке с помощью Angular модуля проставляется протокол автоматически.
Параметр «Отображаемый текст ссылки»
В поле «Отображаемый текст ссылки» укажите текст, который отображается на странице записи в виде гиперссылки (Рисунок 4).
Рисунок 5 — Текст ссылки
В случае, если для указанного текста не определена ссылка, то на странице записи отображается обычный текст без гиперссылки (Рисунок 5).
Рисунок 6 — Отображение текста с неопределенной ссылкой
Если параметр «Отображаемый текст ссылки» не задан, то отображается URL-адрес, указанный в поле источника данных или в параметре «Ссылка по умолчанию» (Рисунок 6).
Рисунок 7 — Отображение ссылки в виде URL-адреса
Параметр «Ссылка по умолчанию»
В поле «Ссылка по умолчанию» укажите статическую ссылку, по которой выполняется переход в следующих случаях:
- Если для модуля «Ссылка» не задан параметр «Поле источник данных»;
- Если в поле, которое выбрано в качестве источника данных, не установлено значение.
Значение параметра «Ссылка по умолчанию» отображается на странице записи в случае, если не задан параметр «Отображаемый текст ссылки» и выполнено хотя бы одно из условий, перечисленных выше.
Если в значении параметра не задан протокол http/https, то при переходе по ссылке протокол проставляется автоматически.
Параметр «Открывать в новой вкладке»
В поле «Открывать в новой вкладке» укажите логическое значение, которое определяет способ открытия ресурса по ссылке. Возможные значения:
- «true» (по умолчанию) — открывать на новой вкладке браузера;
- «false» — открывать на текущей вкладке браузера.