Блог

Я пытаюсь перемещаться по странице, нажимая на промежуток, пока он работает нормально для меня в этом коде. Но просто хотел узнать, является ли это единственным способом достижения этой цели или есть ли какая-либо возможность обрабатывать в рамках одной функции вместо того, чтобы использовать двойные функции и два с использованием источника выходных событий? Пожалуйста, предложите.

Родительский компонент:

 public navigateAbout() {
    this.router.navigateUrl('/about');
}
public navigateContact() {
    this.router.navigateUrl('/contact');
}
 

Дочерний компонент:

 @Output() public navigateAbout = new EventEmitter<void>();
@Output() public navigateContact = new EventEmitter<void>();


public navigateAboutPage():void {
    this.navigateAbout.emit();
}

public navigateContactPage():void {
    this.navigateContact.emit();
}
 

Дочерний шаблон:

 <ol>
<li>...... <span (click)="navigateAboutPage()">about</span>......</li>
<li>...... <span (click)="navigateContactPage()">contact</span>......</li>
</ol>
 

дайте мне знать, если это поможет.

 <ol>
<li>...... <span (click)="navigate('about')">about</span>......</li>
<li>...... <span (click)="navigate('contact')">contact</span>......</li>
</ol>
 

шаблон

 navigate(path){
    this.router.navigate([path])
  }