2016-09-23 4 views
0

Мне нужно отображать содержимое внутри всплывающей подсказки, но всплывающая подсказка не работает.Я пытаюсь отобразить данные элемента внутри всплывающей подсказки. Но всплывающая подсказка не работает. это из-за ng-repeat?

<div data-ng-model="de.de_data" data-toggle="tooltip" class="de-col-div contentBorder" id="de-col-div-text" ng-model-options="{ updateOn: 'blur' }" ng-click="some function" tooltip="{{de.de_data}}" > 
{{de.de_data}} 
</div> 
+0

какая директива вы используете для всплывающей подсказки? – Hmahwish

+0

Я использую библиотеку «ui-bootstrap». не указали какой-либо конкретной директивы для tooltip – separ1

+0

Какая версия ui-bootstrap? – jaguwalapratik

ответ

0

Нет необходимости использовать data-toggle атрибут при использовании с угловым-ш-самозагрузки

<div uib-tooltip="{{de.de_data}}" class="de-col-div contentBorder" id="de-col-div-text" ng-model-options="{ updateOn: 'blur' }" ng-click="some function" > 
    {{de.de_data}} 
</div> 
+0

Содержимое, которое я хочу написать в подсказке, - это длинные тексты. В обычном атрибуте «title» он отображает всю вещь в одной строке. Используя «всплывающую подсказку», он отображается в аккуратном слове, обернутом моду. Я использую атрибут tooltip, но только для этого div ot не дает результата. – separ1

+0

Обновленный ответ, ответ основан на ui-bootstrapv2.1.3 – jaguwalapratik

+0

Пожалуйста, проверьте plunkr, https://plnkr.co/edit/WftQYuBUJA3hBixIUavr?p=preview – jaguwalapratik

0

Я думаю, что ваш синтаксис wrong.Try этот путь

<div data-ng-model="de.de_data" 
    data-toggle="tooltip" 
    class="de-col-div 
    contentBorder" 
    id="de-col-div-text" 
    ng-model-options="{ updateOn: 'blur' }" 
    ng-click="some function" tooltip="de.de_data" > 
     {{de.de_data}} 
</div> 

Образец скрипку здесь http://fiddle.jshell.net/3j7dnftt/

+0

Нет, это не сработало – separ1

+0

, но его работа в скрипке как вы можете видеть, вы включили файлы начальной загрузки? – AbhiGoel