gpt4 book ai didi

javascript - Angular 6 - 在直接父组件而不是页面组件中调用函数

转载 作者:行者123 更新时间:2023-11-30 06:22:49 28 4
gpt4 key购买 nike

我正在使用 angular 6 创建一个选项卡模块。我将它分成两个部分,标签栏和标签。

  <tab-bar>
<tab (tabSelected)="selectTab(1)"></tab>
<tab (tabSelected)="selectTab(2)"></tab>
<tab (tabSelected)="selectTab(3)"></tab>
</tab-bar>

单击选项卡时,它会发出 tabSelected,然后应在选项卡栏组件中触发 selectTab。我遇到的问题是 tabSelected 尝试在页面模块内触发,而不是在标签栏模块(其直接父级)内触发。

我希望有人知道我在这里做错了什么?

最佳答案

目前看来,点击后它会尝试在所有提供的代码所在的组件上调用 selectTab 方法。我假设您需要调用存在于 tap-bar 组件上的 selectTab。这意味着您需要将选项卡放在 tapbar 组件模板中。

你的 tapbar.component.html 应该包括这个:

<tab (tabSelected)="selectTab(1)"></tab>
<tab (tabSelected)="selectTab(2)"></tab>
<tab (tabSelected)="selectTab(3)"></tab>

在你想要标签的地方:

<tab-bar></tap-bar>

关于javascript - Angular 6 - 在直接父组件而不是页面组件中调用函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52187820/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com