LINUX.ORG.RU
Форум — Web-development  

Less/More directive Angular

 , ,


0

1

Всем привет. Возникла задача на проекте для ряда разных блоков информации сделать отображение контента less/more я поискал немного в интернете нашел на stack описание как это делать, но кто-то стыкался уже с готовыми решениями или может дать совет как быстрее написать такую директиву?

★

less/more всмысле скрывать и открывать часть текста? или например показывать больше новостей на сколько то единиц?

umren ★★★★★
()
Ответ на: комментарий от umren

Скрывать и открывать часть текста, но не всегда это может быть текст , могут быть вложенные блоки в родительский блок.

Berdin ★
() автор топика

<details> решил переизобрести?

anonymous
()
Ответ на: комментарий от x3al

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

Berdin ★
() автор топика 
<script>
$('.expand').onClick(function() {
 this.prev().toggle()
})
</script>
<div>
 {{ visible-content }}
 <span style="display:none;">
  {{ hidden-content }}
 </span>
 <a href='#' class='expand'>Expand</a>
</div>

Логика такая, но это пример с jquery - посмотри в документации angular'a аналоги prev() и toggle()

irr123
()
Ответ на: комментарий от Berdin

но не всегда это может быть текст , могут быть вложенные блоки в родительский блок.

Можно сделать просто сменой стиля блока: 

max-height: ..;
overflow: hidden;
А уже по ng-click убирай/добавляй стиль. Лучше вынести в отдельный класс и проставлять уже его.

ritsufag ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
Web-development