использовать HTML-код в подсказке ionic 3 - PullRequest
0 голосов
/ 01 июня 2018

Я создаю приложение, используя угловые 5 и ionic 3. Я использую Ionic-подсказку, используя ссылочный URL https://www.npmjs.com/package/ionic-tooltips Я могу запустить ионную подсказку, используя этот URL. Но когда я пытаюсь вместо этого вставить HTML в подсказкупростых слов, я не могу добиться того, что я пытался использовать ng-template и другие методы, но ничего не получалось.

Вот мой код В моем файле модуля страницы (module.ts) я импортировал

import { BrowserAnimationsModule } from '@angular/platform- 
browser/animations';
import { TooltipsModule } from 'ionic-tooltips';

и в импорте

imports: [BrowserAnimationsModule,
TooltipsModule],

и в файле HTML с использованием этого

<button  ion-button mode="ios" tooltip="I am a tooltip" positionH="right" 
[attr.arrow]="showArrow" [attr.event]="tooltipEvent" 
[attr.duration]="duration">
              Right
            </button>

и в файле .ts, выполняющем связывание следующим образом

  tooltipEvent: 'click' | 'press' = 'click';
  showArrow: boolean = true;
  duration: number = 10000;`

До сих пор код работал, но теперь я хочу ввести HTML вместо «Я - всплывающая подсказка».HTML-код, который я хочу вставить, является

 '<div class="callpopup" [hidden]="index!=0">
 <h5>Aditi Kumar <span>+** *******</span></h5>
   <div class="icon-call">
   <a href="tel:+** ********">
  <ion-icon ios="ios-call" md="ios-call"></ion-icon>
  </a>
   </div>
  </div>'

Так что, пожалуйста, кто-нибудь, помогите, как мне этого добиться?

1 Ответ

0 голосов
/ 01 июня 2018

Вы не можете сделать это с текущим используемым плагином.

Взгляните на источник плагина: tooltip-box.component.ts плагин просто отображает все, что выотправить как строку.

template: '{{ text }}'

Я бы посоветовал вам использовать popover .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...