问题标签 [angular-event-emitter]

我有一个带有以下模板的布局组件，

router-outlet：这会根据应用程序侧边栏上的选择显示各种屏幕。但是我想在该部分中完全渲染屏幕之前显示加载屏幕。

我正在使用 ngx-loading https://github.com/Zak-C/ngx-loading。

请帮助我我该怎么做？当用户单击侧边栏时，如何从屏幕获得事件发射器。

我的布局组件，

我有一个从侧边栏称为 home 的组件。

请帮我

我正在尝试从 to 发出DropdownComponent值TaskComponent：

DropdownComponent位于NavBbrComponent( AppModule)TaskComponent内MainComponent，属于HomeModule。

DropdownComponent里面有定义select：

使用onChange发出值的方法：

值绑定在主组件中，其中任务组件的定义

但没有任何价值TaskComponent。

堆栈闪电战

我正在学习角度，但我遇到了一个问题：我在主组件中有一个组件，我想发出一个事件，但我遇到了一个错误。这是我的代码：

这是该组件的 html 代码：

这是app-rootcomponent html：

但是当我点击“开始游戏”按钮时，我从所附图片中得到了错误：

请注意，这是一个窗口，而不是一个组件。我做错了什么？

我有一个场景，我的网页中有 3 个选项卡，其中在选项卡内容区域中，每个选项卡激活时会加载三个不同的组件（比如组件“ABC”、“PQR”、“XYZ”）。在存在选项卡的主页中，我必须显示一些与选项卡中加载的选项卡内容相关的标题数据。假设如果BAC加载了选项卡，我必须显示从ABC组件发送的一些消息，对于所有三个组件也是如此。

我尝试使用单个组件，但我的事件侦听器无法正常工作。

主选项卡页面（父组件）： HTML 文件tabs.component.html：

tabs.component.ts：

Child.component.ts（我希望从那里发送数据）：

同样，我还有两个组件tabHeaderTextEvent在其构造函数调用上发出事件。但是我的选项卡组件中的侦听器函数永远不会被调用。谁能指导我哪里出错了？ 或 任何更好的方法来实现相同的目标。提前致谢。

我有 3 个组件： 1. 客户列表 2. 客户（姓名） 3. 客户的完整信息（姓名、年龄、地址），当我单击用户项时必须出现这些信息。

而且我不明白，当我在客户端列表中单击此客户端时，如何获取有关特定客户端的信息（如何显示第三个组件）。

这是我的代码：

1) 客户列表.component.ts：

客户列表.component.html：

2）客户端细节.component.ts：

客户端详细信息.component.html：

3) selected-client-details.component.ts:

selected-client-details.component.html:

如果我的 clients-list.component.html 看起来像这样 -

• 有用。当我点击用户时，阻止出现用户信息。但是用户的信息必须是另一个组件。还有一个问题。

我想我必须做这样的事情：

（在 clients-list.component.html 中）

但我无法理解我该怎么做。请帮我...

我有一个带有下拉组件（基于<select>）的简单饼图，用于切换图表的数据（我使用的是角度 6）。它可以在 Firefox 中运行，但是当我在 chromium 上对其进行测试时，什么也没有发生（好像用户根本没有在下拉菜单上选择任何东西）。为什么会这样？完整的工作示例在此处的 stackblitz 上。

例如，在SelectComponent中有一个onClick方法可以发出选定的值（来自<option>元素的值）：

并在模板中：

我已经添加console.log了调试，它通常打印到 Firefox 上的控制台，但在 Chromium 上它根本没有打印到控制台，就好像onClick从未调用过该方法一样。

我也试过onClick($event)代替onClick(item.value)，但什么也没发生。

有没有人遇到过类似的问题，这是一些chartjs错误，还是我错过了什么？

有一个组件封装了一些库。为了避免所有这个库的事件监听器的变化检测噩梦，库的范围在角度区域之外：

这一切都很清楚和普遍。现在让我们添加事件以发出动作：

问题是这个发射器不会触发变化检测，因为它是在区域外触发的。那么可能的是重新进入该区域：

最后，我来回答这个问题。this.ngZone.run即使我没有在父组件中监听此事件，这也会强制进行更改检测：

这是不想要的，因为，好吧，我没有订阅那个事件=>没有什么可检测的。

有什么办法可以解决这个问题？

对于那些对现实生活中的例子感兴趣的人来说，问题的根源就在这里。

我的指令有一个自定义事件，比如my-event使用：

并且用户处理如下事件：

然后我喜欢在事件由用户提供的代码处理后执行特定的操作，如上面。

目前我正在做的是done从指令中提供一个功能：

并让用户done在完成事件处理后调用函数：

我的问题：是否可以将done调用部分从用户代码移动到指令，以便用户只根据需要处理事件而不用担心调用done函数？

我正在尝试在 Angular6 网络应用程序中更新团队中的成员。我创建了一个模式来选择要从团队中删除的成员。然后单击提交，它会调用服务以将它们从数据库中的团队中删除。如果成功，则代码从本地成员帐户列表中删除该成员，并将更新后的列表发送到父组件。然后它会路由回团队页面，但仍会在成员列表中显示已删除的成员。当我刷新页面时，它会从列表中删除成员，但那是因为它再次调用服务器并重新填充成员列表。

这是帐户类：

这是子组件“remove-member.component”上按钮的 html：

这是子组件打字稿文件：

这是相关的父组件html：

这是相关的父组件打字稿代码

我发现的所有其他类似问题的帖子似乎只是父子组件之间的连接问题，就像他们没有使用正确的组件选择器一样，我相当有信心这不是问题，但也许我错了。谢谢你。

谁能发现这段代码有什么问题，我没有将事件返回给 appcomponent

test1.component.html

test1.component.ts

app.component.html

app.component.ts

我没有得到关于 app.component.ts 的响应，也没有得到调试器。