Как разбить линии внутри мата
Справочник по API для Angular Material
tooltip
:
import {MatTooltipModule} from ‘@angular/material/tooltip’;
Нам нужно импортировать ссылку на директиву внутри нашего основного модуля angular.
Основная идея создания многострочного текста внутри элемента - написать функцию внутри нашего компонента, которая возвращает статический или динамический текст, в котором мы хотим разбить строки.
Во-первых, нам нужно добавить директиву matTooltip в представление HTML с именем функции, которая возвращает наш текст, который будет отображаться внутри нашей всплывающей подсказки.
В файле компонента нам нужна функция, которая возвращает в виде строки нужный текст всплывающей подсказки.
В нашем примере предположим, что нам нужно отобразить информацию о двух событиях во всплывающей подсказке. Отображаемый текст должен иметь разрыв строки между двумя сведениями о событии. Мы отобразим имя с датой начала и окончания данного события.
При использовании оператора return, как показано выше, будут учитываться наши пробелы, в нашем случае разрыв строки.
Метод
toLocalString
возвращает строку с чувствительным к языку представлением этой даты.
Для получения дополнительной информации прочтите: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString
matTooltipPosition
позволяет пользователю определять положение всплывающей подсказки относительно родительского элемента.
Для получения дополнительной информации прочтите: https://material.angular.io/components/tooltip/api
Спасибо за ваше время и продолжайте кодировать.