Jump Break с ng-bind-html?

Question

У меня есть array из objects, которые содержат html содержание string. Каждый string содержит <br>, чтобы действовать как перерыв перехода. Например. сообщение в блоге, которое содержит сводку ввода перед перерывом перехода, чтобы уменьшить объем пространства на веб-странице.

<div ng-repeat="post in blog"> 
    <div ng-bind-html="post.content"></div> 
</div> 

Это основной пример моего кода. Есть ли способ скрыть текст после <br> с угловым ng- без сложного фильтра javascript? Я предполагаю, что я мог бы написать CSS, чтобы справиться с этим, но я хотел бы сохранить решение в файле HTML.

Answer 1

Так я хотел бы использовать .split('<br>')[0], который будет принимать текст перед

HTML

<div ng-repeat="post in blog"> 
    <div ng-bind-html="post.content.split('<br />')[0]"></div> 
</div> 

Вы могли бы перенести этот код в контроллер, чтобы сделать HTML-код выглядит читабельным.

HTML

<div ng-repeat="post in blog"> 
    <div ng-bind-html="showFirstBr(post.content)"></div> 
</div> 

Код

$scope.showFirstBr = function(content){ 
    return content.split('<br />')[0] 
}; 

Plunkr Here