Вызвать функцию внутри ngOnInit

Использую Angular 5(до этого с ангуляром не работал) не могу обратиться к функции которая находится внутри ngOninit объясните пожалуйста как это сделать. вот мой пример

app.component.ts

import {Component, OnInit} from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
objDate = Date.now();
slide1 = 'test text';

ngOnInit() {
var slides = document.querySelectorAll('.substrate .slide');
var currentSlide = 0;
var slideInterval = setInterval(nextSlide, 5000);
function nextSlide() {
  goToSlide(currentSlide + 1);
}
function previousSlide() {
  goToSlide(currentSlide - 1);
}
function goToSlide(n) {
  slides[currentSlide].className = 'slide';
  currentSlide = (n + slides.length) % slides.length;
  slides[currentSlide].className = 'slide showing';
}
function next() {
  alert('YoY');
  nextSlide();
};
function previous() {
  alert('YoY1');
  previousSlide();
}
}
}

app.component.html

<div class="block-btn-name">
    <div (click)="next()" class="btn btn-left"></div>
  <h1 class="slide-name">{{slide1}}</h1>
    <div (click)="previous()" class="btn btn-right"></div>