Как отформатировать содержание всплывающей подсказки, используя теги html для кендо-сетки в angular 7 - PullRequest
Новая
       26

Как отформатировать содержание всплывающей подсказки, используя теги html для кендо-сетки в angular 7

0 голосов
/ 03 марта 2020

Привет! Я хочу отформатировать текст, отображаемый во всплывающей подсказке, с помощью тега html, чтобы я мог сделать следующее, код, который я использую. 

 <div
  kendoTooltip
  #tooltip="kendoTooltip"
  filter="td span"
  tooltipClass="my-class"
  style="text-align: center"
  [tooltipWidth]="300"
  position="bottom"
>
  <kendo-grid 
  [data]="bookingList" 
  [selectable]="true"
  [rowSelected]="isRowSelected"
  [loading] ="loading" 
  > 
  <kendo-grid-column field="BookingType" title="Booking Type"  width="100">
      <ng-template kendoGridCellTemplate let-dataItem>
        <span [title]="dataItem.TooltipData">{{ dataItem.BookingType }}</span>
      </ng-template>
    </kendo-grid-column> </kendo-grid>
</div>

Я получаю следующий вывод, используя код выше

Output

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

Выполнена операция редактирования :

Новое неподтвержденное значение = True,

Новое описание = Тест

Я пытался использовать тег
, но он отображается в виде простого текста.

...