поместите html DIV в угловой пользовательский интерфейс всплывающего содержимого

Можно ли поместить html-контент во всплывающее окно? это строка, которую мне нужно поместить в поповер

HTML

$scope.info="sentence " +
    "<ul>"+
    "<li>first list member</li>"+
        "<ul>"+
        "<li>element of the first list</li>"+
        "</ul>"+
    "</li>"+
    "<li>second element</li>"+
    "<ul>"+
        "<li id=\"infoLi\">element of the second</li>"+
    "</ul>"+
    "<li>third element</li>"+
    "<ul>"+
        "<li id=\"infoLi\">first element of the third</li>"+
        "<li id=\"infoLi\">second element of the third</li>"+
    "</ul>"+       
"</ul></div>"

Я видел в документации angular-ui-popover, что можно установить параметр всплывающего окна, и, просматривая Интернет, я нахожу, что кто-то говорит, что в этом параметре можно установить для параметра HTML значение true и получить этот результат.
Я не нашел образца этого, и я не знаю, правда ли это, моя первая проблема, чтобы попытаться это сделать, это то, что я не понял, как установить параметры.
A возможное решение для меня - даже оставить строку во всплывающем окне, но мне нужно использовать тег новой строки, который, как я вижу, не работает во всплывающем содержимом.

РЕДАКТИРОВАТЬ

может быть, я не был так ясен, я пытаюсь сделать это с помощью angular ui и ui bootstrap.


angularjs twitter-bootstrap angular-ui-bootstrap angular-ui
person mautrok    schedule 26.03.2014    source источник
comment
Документация по Bootstrap расскажет вам, как это сделать: getbootstrap.com/javascript/#popovers   -  person Billy Moat    schedule 26.03.2014
comment
возможный дубликат Можно ли использовать div в качестве контента для Popover в Твиттере   -  person Kabb5    schedule 26.03.2014
comment
Билли, на вопрос до сих пор нет ответа, я не уточнил, что хочу найти решение в угловом пользовательском интерфейсе, а не в jquery или чем-то еще.   -  person mautrok    schedule 26.03.2014

Ответы (1)


arrow_upward
1
arrow_downward

хорошо, я нашел решение, которое, как я видел, на данный момент не работает для всплывающего окна, а для всплывающей подсказки - да.

HTML

<button id="infobtn" tooltip-html-unsafe="<div>first list member
                                         <li>element of the first list</li>
                                         second element
                                         <li id='infoLi'>element of the second</li>
                                         third element
                                         <li id=\"infoLi\">first element of the third</li>
                                         <li id=\"infoLi\">second element of the third</li>
                                         </div>
    "tooltip-trigger="mouseenter">
    <img src="images/info.png"></button>

Тег tooltip-html-unsafe позволяет вставлять DIV или что-либо еще в формате html, в содержимое всплывающей подсказки, я пытался использовать его и во всплывающем окне, но по какой-то причине это не работает. Я не знаю, было ли причиной то, что я делал неправильно, или что-то еще, поэтому я решил использовать модуль ui.tooltip, и я решил проблему.

person mautrok    schedule 26.03.2014