问题标签 [angular-event-emitter]

Angular 8.3.14 项目。

我们制作了一个 EventEmitter 用于与父组件共享字符串。

子组件

父组件 HTML

父组件 TS

问题是我们在示例函数中接收到一个 CustomEvent 对象。该对象有一个具有当前值的属性，但为什么我们收到的是 CustomEvent 而不是字符串？这是我们从未见过的。

示例函数中收到的 CustomEvent 对象

自定义事件 IMG

无法将从 subscribe 方法接收到的值存储在模板变量中。

照片细节组件

外部console.log 给出未定义，视图中没有呈现任何内容，但在subscibe 方法内我可以看到该值。那么，我如何在我的视图中显示它？

照片组件

请解释一下这是如何工作的以及如何解决它，以便我可以在模板视图中存储和显示从订阅和异步调用接收到的值。

这是两个组件的视图---

photo.component.html

照片细节.component.ts

照片服务.ts

这是我的 github 存储库的链接，我将代码保留在注释中，并在那里使用了不同的方法。如果您检查相册组件，我还订阅了 http 请求并在相册组件的模板变量中分配了值。也有值作为未定义的 oustide subscibe 方法出现，但我可以在模板中访问它。

https://github.com/Arpan619Banerjee/angular-accelerate

这是专辑组件和服务的详细信息， 请将此与事件发射器案例进行比较并解释一下有什么区别 --专辑.component.ts

相册.component.html

专辑.service.ts

如评论中所述，我已在偶数发射器中添加了控制台日志，这是我得到的预期行为。

我想从子组件到应用程序组件发出一个值。组件结构是这样的：

索引.html：

app.component.html：

app.component.ts：

child.component.ts （通过路由器出口呈现，例如来自 /child 之类的 URL）：

child.component.html：

现在，我应该在哪里附加(doStuff)="getStatus()绑定？

通常在<app-child (doStuff)="getStatus()">, 但这不可用，例如在<app-child></app-child>选择器被写入某处的静态 app.component.html 中。我只是不明白，对不起;）

这是我尝试过的问题的链接，请参考一次---

使用事件发射器和服务进行跨组件通信的角度异步调用

我收到了一个事件发射器不能用于跨组件通信，但在这里我已经成功使用它——请看下面的代码——

用户服务.ts

用户.component.ts

user.component.html

app.component.ts

app.component.html

那么，为什么它对我之前在照片和照片细节组件中的示例不起作用？

我有两种方法可以发出一些参数。

然后我想将这些参数发送到 Rest API 方法。这就是我想要做的，但是使用两次(parametersEmitter)是不正确的。知道如何对 parameterEmitter 使用不同的方法吗？

searchMessages()并且exportMessages()是将参数发送到后端的方法

我正在尝试使用带有事件发射器的单击事件绑定和@Output，以从不同的组件记录数据。我需要一些指导方针，我认为可能没有使用好的方法

contactform.component.html

contactform.component.ts

app.component.html

app.component.ts

模型.ts

我订阅了发射器，我可以在控制台中看到 this.productNumber 的输出。但它在 html 文件中不可见。我像{{productNumber}} 在 html 文件中一样使用它。

HTML 文件

如果需要更多详细信息，请告诉我

服务代码

我有一个功能组件如下：

我的父组件：

上述方法对我不起作用。有人可以建议我帮忙吗？

我有一个应用程序，我必须将数据从子组件传递到父组件。数据是一个对象。

我面临的问题是数据是由 ref 传递的，这意味着当我的子组件模型数据发生变化时，父组件数组（this.cashEntryItems）也会发生变化。

我尝试推送一些 console.log() 但仍然没有运气。

我正确接收事件数据，但无法仅按值传递数据（未链接到子组件对象）

这是我的控制台的输出 -

我在下面粘贴了我的代码。

子组件 -

子组件.html

子组件.ts

父组件

父组件.html

父组件.ts

在不关闭对话框的情况下更新对话框数据和父数据后，如何将更新的父数据传递给 Mat Dialog？有event emitter吗？

我不想关闭对话框。至于传递数据，我可以使用mat closed函数，但我不想关闭对话框，我只想在不关闭对话框的情况下更新两个数据。基本上是在父数据更新后刷新对话框数据。