Использую 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>