Less/More directive Angular

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

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

Чем не устраивает ui.bootstrap.collapse?

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

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

ng-show + ng-click

<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()

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

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

max-height: ..;
overflow: hidden;

Так в принципе и сделал