问题标签 [angular-event-emitter]

如果组件方法生成输出事件，则 Angular 组件变量不会在视图中更新。焦点变量是'qMode'，

生成输出事件的函数（不更新变量）

不生成输出事件的函数（更新变量）

请在这里找到代码演示，

我正在使用 Angular 6 创建一个选项卡模块。我把它分成两个组件，标签栏和标签。

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

我希望有人可能知道我在这里做错了什么？

我正在尝试实现事件发射器，以便在将待办事项插入数据库时​​，将其添加到待办事项列表中。但它不起作用。请在下面找到代码： todoinput 组件（todo.input.html）：向数据库添加待办事项的组件

app.component.html: 包含所有组件。

todolist.component.ts: 将 todo 添加到 todo 列表

当一个 todo 添加到 db 时，它会尝试发出一个 newTodo。但它会引发以下错误：

它看起来像一个正确的实现。谁能让我知道我做错了什么？它不适用于 Event Emitter 吗？

谢谢

我想知道以下创建 的方式有什么区别EventEmitter，哪个更好。

我正在阅读 O'Reilly 出版的 Shyam Seshadri 的“Angular Up and Running”。在关于输出和事件发射的讨论中，我有点困惑。

组件中的 EventEmitter 被声明、初始化和实现为：

app.component.html 中的绑定内容如下：

但是 app.component.ts 中的方法定义为：

如果绑定传递了 $event 对象，并且绑定的方法需要一个 Stock 类型，那么为什么会这样呢？

（它确实有效，我已经测试过了。）

我不是在问 $event 对象做什么，我已经知道了。请仔细阅读我上面的问题。我在问：当绑定函数需要一个类型化参数时，为什么绑定到 EventEmitter 对象传递 $event 对象而不是预期类型的​​对象，为什么它似乎工作（参数获取它的值作为打字。）

使用 Angular6，假设我有 2 个子组件 A、B，它们都是父组件 P 的一部分。我想在组件 A 上使用表单输入 - 所以一旦单击，字符串值将传递并触发组件 B 上的函数.也许是这样的：

这甚至可能吗？

我已经使用 Angular 的 EventEmitter 在组件之间成功传输了数据，但是是否可以使用这些数据调用函数，而不仅仅是传递原始信息？

我正在构建一个仪表板来管理公司内部的用户。那家公司有不同数量的部门和这些部门内部的一堆子弟，所以我有一个自定义的递归树视图来显示它们之间的关联。

现在，当我单击树的某个分支时，我需要从树中向父组件发送一个标识该部门/子公司 ( cd ) 的数字，其中显示了相关工作人员和有关他们的数据。在父组件中，该编号用于从数据库中获取与该部门/子女相关的所有数据。

为此，我在论坛中读到我可以使用@Input / @Output装饰器和EventEmitter。它有效，但只有一次。当我单击另一个分支时，接收cd的方法（称为receiveNode()）不会更新，并且仅适用于第一个分支。这不是所需的行为。

为了测试，在发出 CD 变量的相同方法中，我将分支的 CD 登录到控制台。我可以看到每次单击分支时都可以记录 CD 变量，但只能通过 Event Emitter 发送一次

tree.component.ts (子)

树.component.html

函数组件.ts

函数.component.html

funcion.html 和 funcion.ts 很大，所以只放重要的东西。如果需要查看整个代码，请告诉我。

一些图片

在第二张图片中，我们可以看到来自树组件和功能组件的日志，但是之后，无论我单击哪里，它都不会调用功能组件中的方法。

可能有什么问题？任何帮助表示赞赏

我正在尝试跟踪对树节点数据源所做的更改。每个节点都有一个反映节点选择状态的selected属性，每次我选择一个节点时，我都需要将选择发送到另一个组件，该组件将根据该选择构建另一棵树。

我尝试使用 OnChanges 接口，但我稍后在文档中读到，只有在再次设置数据时才会调用 ngOnChanges。

这是我的简单模板：

是否有一个可以绑定的树节点事件，我可以使用它来发出（使用 EventEmitter）更改的数据？例如 onSelectionChange、onChange 或其他什么？还是其他机制？

在此先感谢，亚历克斯。

我目前正在使用 HostListener 以便能够在用户键入用户文本的同时格式化用户文本。例如，如果用户正在输入电话号码，我希望能够根据需要添加格式。如果字符串为 0000，我希望文本为 000-0，如果文本为 0000000000，则为“(801) 123 - 1234”。我有这样做的逻辑，但我目前正在使用主机监听器来执行此操作。

这可行，但它会一直调用自己，直到达到最大堆栈调用限制。这显然太慢了，所以我的问题是：如何在不触发 textChange 事件的情况下修改元素内的文本？还是有其他方法可以做到这一点？

提前致谢！快乐编码！

在我的组件中，AI 有一个功能可以根据组件 B 发出的数据更新视图。我不想集成组件 B 并制作一个实际的组件，即使这对于这个测试来说太复杂了。

我只想调用函数并将数据传递给函数。问题是，将数据作为“事件”发送到组件 A 中的函数似乎不起作用：

并且该事件以“未定义”结束。我还尝试将其设置为一个名为“事件”的 javascript 对象，其中包含键值对，但这也没有产生任何运气。

component.updateEvent(data) 代码：