ufmgtest/app/resources/news/news.component.html

<div class="noticias-container">
    <h2 class="h2-center"></h2>
    <ul class="noticias-painel">
        <li class="animate" ng-repeat="item in news">
            <div class="noticia" ng-click="open(item)">
                <div class="noticia-img">
                    <img alt="" src="https://images.vexels.com/media/users/3/148174/isolated/preview/36028f4f9f896e3f7f1a221c565dc8a3-abstract-rounded-rectangle-background-by-vexels.png">
                </div>
                <div class="noticia-header-box">
                    <div ng-if="item.post_date" class="publicado-em">Publicado
                        <span am-time-ago="item.post_date | amParse:'YYYY-MM-DDTHH:mm:ss'"></span>
                    </div>
                    <div class="noticia-h3 block-with-text">
                        {{item.title}}
                    </div>
                </div>
                <ul class="tags">
                    <li ng-repeat="tag in item.tags">{{tag.name}}</li>
                </ul>
                <ul class="noticia-actions">
                    <li> <i class="material-icons">account_circle</i></li>
                    <li>
                        <!-- <div>{{item.author.name}}</div> -->
                        <!-- <div class="">{{item.author.email}}</div> -->
                    </li>
                    <li>
                        <object ng-if="item.status=='published'"><a href=""><i class="material-icons">public</i></a></object>
                        <object><a href="#"><i class="material-icons">edit</i></a></object>
                    </li>
                </ul>
            </div>
        </li>
    </ul>
</div>