如何在Angular中调用Ngoninit中的参数化方法

Question

如何在同一组件中的ngoninit中调用参数化方法。我在html中有一个onclick(p.key(函数，该功能是在TS文件中定义的，但我想在ngoninit中填充它。是否可能

文件为：1. product-filter.component.html

<div class="list-group">
        <a class="list-group-item list-group-item-action"
        [class.active]="!price" routerLink="/">
          All Price
        </a>
        <a *ngFor="let p of price$ | async" 
        class="list-group-item list-group-item-action"
        routerLink="/" (click)="onClick(p.key)"
        [class.active]="price === p.key">     
              {{p.name}}
        </a>
</div>

2. product-filter.component.ts

onClick(p) 
{
    if(p == '20 - 30') {
       this.productService.getAll().subscribe(products => {
        this.products = products.filter(product => {
        return product.price >= 20 && product.price <= 30
      });      
    });
} 

现在我想在ngoninit((中调用此方法。是否可以？。任何建议都是最欢迎

Answer 1

没有什么可以阻止您从ngoninit调用它，如以下内容：

ngOnInit(){
this.onClick("The initial Id you want to start with");
}

Answer 2

是的，您可以将函数放在ngoninit((中并调用。在这种情况下，您需要将初始参数作为硬编码值传递。