Мне нужна директива, которая усекает длинный текст в элементе и покажет popover с полным текстом в случае усечения.
See http://plnkr.co/edit/90WP5ISQHG7FXRpetucm?p=preview
Для усечения текста я использовал CSS, и он работает хорошо. Но когда я пытаюсь получить доступ к содержимому элемента, я вижу {{str.data}}
а не точный текст из данных.
Думаю, мне нужно, чтобы это не было сделано после рендеринга, но я не могу прикоснуться к чему-либо подходящему.
Итак, мой вопрос, как я могу запустить свою манипуляцию с DOM после того, как под просмотр будет получен?
Единственное решение, которое я нашел до сих пор, заключается в использовании тайм-аута, но я думаю, что для него есть лучшее решение.
Я работал над этой проблемой, выполнив мою манипуляцию DOM внутри mouseover
вместо метода link
.
See http://plnkr.co/edit/90WP5ISQHG7FXRpetucm?p=preview for more details.
PS. Позиция Popover неверна, поскольку plnkr переопределяет css-манипуляцию и не устанавливает верхнюю и левую.
Вы имеете в виду просто прокрутку, чтобы показать оставшийся текст? Этот простой CSS.
.truncate-overflow:hover{ width:auto; overflow:visible; }
Если это не так, я бы предложил сохранить данные на две отдельные части данных, ограничив длину строки. Узнайте, как это сделать: qaru.site/questions/74394/...