Gostaria de saber como faço para alterar a variável insira seu código aqui que foi passada de um serviço para o component, mais não é atualizada.

//Service
import { Injectable } from '@angular/core';

@Injectable()
export class StepsService {

    teste: string = 'texto exemplo';
    step0: boolean;
    step1: boolean;

      constructor() { }

  proxStep1(): void {
    this.step0 = false;
    alert(this.step0);
    console.log("status step 0 - " + this.step0);
  }

  msgAlerta(): void {
      alert('Livro Angular 2 - Google - ' + this.teste);
  }
}

//Component
import { Component, OnInit } from '@angular/core';

import { StepsService } from '../steps.service';

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

  step0: boolean = true;

  constructor(public service: StepsService){
  }

  ngOnInit() {
  }

  avancarStep1(): void {
    this.service.proxStep1();
  }

  enviarMsg(): void {
    this.service.msgAlerta();
  }
}

//Template
<section class="step step0" *ngIf="step0 == true">
    <h2>Step-0 {{step0}}</h2>

    <button (click)="avancarStep1()">Avançar</button>
    <button (click)="enviarMsg()">Enviar Alerta</button>
</section>