TheOmarStack

<div class="row">
        <button [routerLink]="['/article/new']" class="waves-effect waves-light btn blue right">Nuevo Articulo<i
            class="material-icons right">add</i> 
        </button> 
        
        <h4 class="h4">Articulos</h4>
        <div class="row">
                <div class="col s12 m4" *ngFor="let article of articleslist | async">
                        <div class="card small hoverable">
                            <div class="card-content">

TheOmarStack

import { Injectable } from '@angular/core';
import { BehaviorSubject } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  
  private messageSource = new BehaviorSubject('');
  currentMessage = this.messageSource.asObservable();

TheOmarStack

import { Component, OnInit, EventEmitter, Output } from '@angular/core';
import { DataService } from 'src/app/services/data.service';
import * as M from 'materialize-css';

@Component({
  selector: 'app-message',
  templateUrl: './message.component.html',
  styleUrls: ['./message.component.css']
})
export class MessageComponent implements OnInit {