Манипулирование DOM в директиве Angular после рендеринга под-представления

Question

Манипулирование DOM в директиве Angular после рендеринга под-представления

0

Мне нужна директива, которая усекает длинный текст в элементе и покажет popover с полным текстом в случае усечения.

See http://plnkr.co/edit/90WP5ISQHG7FXRpetucm?p=preview

Для усечения текста я использовал CSS, и он работает хорошо. Но когда я пытаюсь получить доступ к содержимому элемента, я вижу {{str.data}} а не точный текст из данных.

Думаю, мне нужно, чтобы это не было сделано после рендеринга, но я не могу прикоснуться к чему-либо подходящему.

Итак, мой вопрос, как я могу запустить свою манипуляцию с DOM после того, как под просмотр будет получен?

Единственное решение, которое я нашел до сих пор, заключается в использовании тайм-аута, но я думаю, что для него есть лучшее решение.

Oleg Oshkoderov 30 июнь 2015, в 17:47

Источник

Теги:

javascript

angularjs

2 ответа

Ещё вопросы

Oleg Oshkoderov · Answer 1 · 2015-07-01T08-00-00.000Z

Я работал над этой проблемой, выполнив мою манипуляцию DOM внутри mouseover вместо метода link.

See http://plnkr.co/edit/90WP5ISQHG7FXRpetucm?p=preview for more details.

PS. Позиция Popover неверна, поскольку plnkr переопределяет css-манипуляцию и не устанавливает верхнюю и левую.

thatgibbyguy · Answer 2 · 2015-06-30T13-45-00.000Z

Вы имеете в виду просто прокрутку, чтобы показать оставшийся текст? Этот простой CSS.

.truncate-overflow:hover{ width:auto; overflow:visible; }

Если это не так, я бы предложил сохранить данные на две отдельные части данных, ограничив длину строки. Узнайте, как это сделать: qaru.site/questions/74394/...

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