Я пытаюсь получить щелчок кнопки в одном компоненте, чтобы сосредоточить внимание на элементе на другом компоненте. (Честно говоря, я не понимаю, почему это должно быть настолько сложно, но я не смог реализовать какой-либо более простой способ, который действительно работает.)
Я использую услугу. Ему не нужно передавать какие-либо данные, кроме того, что произошел щелчок. Я не уверен, как компонент прослушивания должен реагировать на событие.
app.component:
Перейти к основному содержанию
import { Component } from '@angular/core';
import { SkipToContentService } from './services/skip-to-content.service';
export class AppComponent {
constructor(
private skipToContent: SkipToContentService
) {}
}
skipLink() {
this.skipToContent.setClicked();
}
}
компонент входа:
<input type="text" name="username" />
import { Component, OnInit } from '@angular/core';
import { SkipToContentService } from '../../../services/skip-to-content.service';
export class BaseLoginComponent implements OnInit {
constructor(
private skipToContent: SkipToContentService
) {
}
ngOnInit() {
this.skipToContent.skipClicked.subscribe(
console.log("!")
// should put focus() on input
);
}
}
пропуск к content.service:
import { Injectable, EventEmitter } from '@angular/core';
@Injectable()
export class SkipToContentService {
skipClicked: EventEmitter<boolean> = new EventEmitter();
constructor() {
}
setClicked() {
console.log('clicked');
this.skipClicked.emit();
};
}
Я немного потерял здесь, как вход в систему будет "слышать" событие skipClicked.