Как разбить линии внутри мата

Справочник по 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

Спасибо за ваше время и продолжайте кодировать.