子组件

Question

有一个子组件可用于角度Web应用程序的许多页面。子组件有一个调用函数的(click)事件。由此子组件组成的每个页面都在单击事件上调用具有不同参数的不同函数。

如果父级不同，如何将此(click)事件设为泛型或动态调用不同的函数？

// In one component    
(click)="saveData(types, functions)"

// On another component
(click)="showFunctions(index, areas, types)"

在具有不同点击事件的多个页面中使用单个子组件，我们该怎么做？

提前谢谢。

Answer 1

子：

dta

父：

<button type="button" (click)="onMyClick()">Click<button>

@Output() myClick = new EventEmitter();

onMyClick() {
    this.myClick.emit();
}

Parent2：

<my-child-cmp (myClick)="firstFunction()"></my-child-cmp>

firstFunction() {
   // whatever
}

希望它有所帮助。如果您需要更多详细信息，请与我们联系。

顺便说一下，如果你需要从孩子那里向父母发送一些数据，你可以这样做：

子：

<my-child-cmp (myClick)="secondFunction()"></my-child-cmp>

secondFunction() {
   // whatever
}

父：

<button type="button" (click)="onMyClick()">Click<button>

@Output() myClick = new EventEmitter();

onMyClick() {
    this.myClick.emit(something);
}