0
Also, ich habe einen Winkel 2 Komponente, und da habe ich auch ein @HostListener
. Was ich tun möchte, eine Methode aus dieser Komponente ist mit dem @HostListener
zu nennen, wird unten die Komponente mit meinem Versuch der Aufruf der Methode mit @HostListener
gezeigt.Aufruf eine Methode aus einer Komponente, in der gleichen Komponente
Die Komponente
import { Component, HostListener, Input, OnInit } from '@angular/core';
import { Cell } from '../../cell';
import { Direction } from '../../direction';
import { GridService } from '../../services/grid.service';
import { Directive } from '@angular/core/src/metadata/directives';
@Component({
selector: 'app-grid',
templateUrl: 'grid.component.html',
styleUrls: ['grid.component.css'],
})
@Directive({
selector: '[appControl]'
})
export class GridComponentDirective implements OnInit {
@Input() score: number;
best: number;
itemArray: Cell[];
@HostListener('keyup.ArrowUp') Move(itemArray, UP) { } // That's what I was talking about
constructor(private gridService: GridService) { }
ngOnInit() {
this.itemArray = JSON.parse(localStorage.getItem('Grid'));
this.score = 0;
if (this.gridService.countEmpty(this.itemArray) === this.itemArray.length) {
this.gridService.randomiser(this.itemArray);
this.gridService.randomiser(this.itemArray);
}
}
Move(array: Cell[], direction: Direction) {
array = this.gridService.move(array, this.score, direction);
localStorage.setItem('Grid', JSON.stringify(array));
}
}