Как добавить одинарную кавычку к тексту в uib-popover-html Angularjs?

Question

Я пытался добавить одну цитату к всплывающему тексту. Скажем, я хочу, чтобы текст выглядел как:

Text 'line' 1.
Text 'line' 2.

Я пытался экранировать одинарные кавычки, используя специальный символ html, но во всех случаях всплывающая подсказка / подсказка перестала работать.

Приведенный ниже код работает, поскольку в тексте нет одинарных кавычек.

<a uib-popover-html="'<p>Text line 1.</p>
<p>Text line 2.</p>'"
popover-title="Name your drivers"
popover-trigger="'mouseenter click'">
Hover Here
</a>

Не так много удачи даже после поиска в Google.

Заранее спасибо.

Answer 1

Решение - использовать uib-popover-template вместо uib-popover-html:

<a uib-popover-template="'popover.html'" 
popover-title="Name your drivers"
popover-trigger="'mouseenter click'">
Hover Here
</a>

И файл popover.html выглядит следующим образом:

<p>Text 'line' 1.</p>
<p>Text 'line' 2.</p>

Это сработало для меня :)

http://embed.plnkr.co/4YTnxnV0CSsiVV4uSh9V/