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

@Component({
  selector: 'demo-alert-content-html',
  templateUrl: './dynamic-content.html'
})
export class DemoAlertDynamicContentComponent {
  index = 0;
  messages = [
    'You successfully read this important alert message.',
    'Now this text is different from what it was before. Go ahead and click the button one more time',
    'Well done! Click reset button and you\'ll see the first message'
  ];

  changeText() {
    if (this.messages.length - 1 !== this.index) {
      this.index++;
    }
  }
}