Используя [matTooltip] = "myMultiLineStringGenerator ()" в сочетании с [matTooltipClass] = "'my-tooltip'", я ожидал дать мне многострочные всплывающие подсказки, независимо от того, получаю ли я одну всплывающую подсказку, и у меня нет контроля, когда строки заканчиваются и переходят к следующей строке.
Шаги для воспроизведения
HTML часть
<p [matTooltipClass]="'my-tooltip'"
[matTooltip]="getTooltopScript(nearestStations)">
Hello World!
</p>
CSS часть:
.mat-tooltip {
white-space: pre-line;
}
::ng-deep .mat-tooltip {
white-space: pre-line;
}
TypeScript
getTooltopScript(ns: any[]]){
let part1 = ns[0]['stationName'] ;
let part2 = ns[0]['regionName'];
return `${part1}.\r\n\
${part2}.`;
}
Я прочитал много других стековых потоков, и все они заканчиваются использованием пробелов: предварительная строка в css и \r\n в сценарии js \ type для создания строки , Я не знаю, что еще я должен сделать, чтобы это работало
Пожалуйста, помогите:)
обновление в CSS из других стековых потоков и первый комментарий ниже. У меня до сих пор нет результата
::ng-deep .mat-tooltip .cdk-overlay-container, ::ng-deep .mat-tooltip .cdk-
global-overlay-wrapper {
white-space: pre-line;
}