articles.component.html

<!-- 
<li  >
    {{article.title}}
</li> -->
<div class="row" *ngFor="let article of articleslist | async">
    <div class="col s12 m6">
        <div class="card blue-grey darken-1">
            <div class="card-content white-text">
                <span class="card-title"> {{article.title}}</span>
                <!-- <p>I am a very simple card. I am good at containing small bits of information.
          I am convenient because I require little markup to use effectively.</p> -->
            </div>
            <div class="card-action">
                <a href="#">Ver</a>
                <a href="#">Editar</a>
            </div>
        </div>
    </div>
</div>