Question

我需要调用一个名为toggle（）的子函数，该函数放在一个“我的应用程序”中。 component（my-app是子组件）。如何从父组件调用此函数？

子组件：

cancel

父html代码：

@Component({
    selector: 'my-app',
    templateUrl: './my-app.component.html'
})
export class MyAppComponentimplements OnInit, OnChanges {
toggle()
{
//1.load data from data storage if not exist (this was cut out, to simplify code)
this.visible = !this.visible
}
}

有没有办法调用此功能？是代表还是其他什么？

Answer 1

您可以通过获取父组件中子组件的引用来实现此目的。

<a *ngIf="hasValue()" (click)="myApp.toggle()"></a>
<my-app #myApp></my-app>

Answer 2

将您孩子的布尔事件提升为父级（通过@Output()），并在父级的事件处理程序中执行您想要的操作（包括调用toggle()）。

如何在Angular4中调用子函数？

2 个答案: