问题标签 [angular-event-emitter]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
276 浏览

angular - 如何防止任何键盘事件及其对Angular 6中元素的默认行为

我正在尝试阻止 Angular Mat Header 上的任何键盘活动。我想阻止键盘导航,使用标题输入步骤。我只想使用按钮如何停止该元素上的任何键盘活动,因为 preventDefault() 不起作用。

0 投票
1 回答
42 浏览

angular - 使用 eventemitter 将值传递给父组件

我如何将 'mytoki' 的值从我的模态组件发送到其父级?

我不确定是否应该创建另一个 EventEmitter 或服务。有什么建议么 ?

0 投票
2 回答
8120 浏览

angular - 多次调用 Angular EventEmitter

这真的很奇怪,也很难解释。我EventEmitter在我的一些服务中使用过,并且一直在使用它来更改我的视图中的数据。我遇到了更改路线(通过链接或通过历史返回)的问题,它似乎被多次触发,因此它搞乱了我的逻辑。

所以我在 stackblitz 上创建了一个测试,看看我是否可以重新创建它。我做了一个简单的服务:

然后在我的一条路线中,我只是这样做:

然后我创建了一个像这样的简单模板:

当您在路线之间导航时,它看起来像预期的那样工作(ngFor应该只有一个项目),但是如果您打开控制台并查看,您会看到每次从一个视图返回时,它会触发额外的时间。

  • 所以,第一次访问你会看到一次控制台输出。
  • 清除控制台并在视图之间移动,您将看到控制台输出两次。
  • 清除控制台并在视图之间移动,您将看到控制台输出三遍......

每次您交换视图时,这种情况都会继续发生。这是 stackblitz 链接,您可以自己查看。

https://stackblitz.com/edit/angular-sthags

谁能告诉我为什么会发生这种情况以及如何阻止它?

0 投票
1 回答
245 浏览

angular - Ionic 3 事件发射器性能

我正在使用大约 25k 行和很多组件的大型 Ionic 应用程序,该应用程序存在性能问题和内存泄漏。

我在想问题可能在于事件发射器类的密集使用,但我需要一些与之相关的数据,因为我正在搜索事件发射器和 Ionic/Angular 应用程序性能问题,但我找不到任何东西。

我在应用程序中找到的使用事件发射器的示例是:

当任务列表从后端服务完全加载时,仪表板组件会发出和事件,并且该事件被捕获在页眉和页脚组件中以启用某些按钮。

我的问题:在 Ionic/Angular 中使用事件发射器进行组件通信是不是一个坏主意?

并且:如果以不正确的方式使用,事件发射器类会出现性能问题吗?

0 投票
1 回答
77 浏览

output - @ngrx Angular 6/7 通过组件发射对象

我正在使用带有@ngrx 的角度7。
我已经复制了我在 stackblitz 上遇到的问题,这是链接

如果您检查控制台,在单击活动/非活动复选框后,您将看到在子组件 (supplier-card-item.component) 中模型正在正确更新,但在发送到父组件时 (supplier- card-list.component),对象恢复到它的原始值,即存储在状态容器中的值。

Store 的动作、效果、reducers 等等……都在 root-store 文件夹中。

谢谢您的帮助

0 投票
8 回答
62853 浏览

angular - 发生错误:@Output 未初始化

我正在为经理开发一个角度应用程序来跟踪他们的团队,但我遇到了@Output 错误:

我有一个会议组件,生成一个会议项目组件列表。我想在用户单击不同按钮(编辑、删除、显示详细信息)时执行操作。

这是我的父母会议模板:

我的 MeetingItem 模板(仅本帖涉及的部分):

我的 MeetingItem 组件:

0 投票
2 回答
10759 浏览

angular5 - Angular 5将单击事件的数据从父组件传递到在父组件单击的按钮上的子组件

我在表中有一些数据绑定,点击任何特定的我想显示当前点击的对象更多相关数据到另一个组件(子组件)

例如我从这个链接获取的数据:http: //jsonplaceholder.typicode.com/users

HTML 代码:

如果您看到当我单击任何特定数据时我在表格中有一个转到按钮,它应该向我显示有关当前单击的完整信息,但在我的情况下,当我单击转到特定时,我想将数据绑定到另一个组件中所有 td 数据都应显示在新组件(子)中。

很简单,我想跟踪子组件中选定数据的点击事件。并且表格在父组件中呈现。

如果您可以在此屏幕截图中看到,我可以将数据绑定在同一组件中,

附上我的数据表。

我绑定数据的表

0 投票
1 回答
44 浏览

angular - 调用同级方法会引发“无法读取未定义的属性 'X'”

我对 Angular 和 Angular 中的事件非常陌生。

我的父模板:

我收到“无法读取未定义的属性 'testMothod'”错误,但是当 child2 组件中的 *ngIf 被删除时,会调用“testMethod”方法。

演示:https ://stackblitz.com/edit/angular-1c8hfj

0 投票
1 回答
24 浏览

angular - 在 Angular 应用程序中的事件发射器通知后成功发送网络请求的问题

在我的 Angular 应用程序中,我发出一个网络请求,以根据用户选择的过滤器返回一些过滤后的数据。这按预期工作。接收过滤器值并发出请求的函数如下所示:

现在,在应用程序上,我们还有一些 UI 可以让用户更改分支,这将随后过滤整个应用程序中的所有数据。因为分支更改 UI 位于不同的组件中,所以我使用事件发射器通过共享服务向其他组件宣布此更改。

我的目标是接收此事件的通知,然后再次触发网络请求。后端将从那里处理数据过滤。

我遇到的问题是,在通过事件发射器成功接收事件通知并传递对要触发的函数的引用后,在接收组件中看起来像这样:

...当我通过此代码再次启动网络请求功能时:

...我收到此错误:

TypeError:无法读取未定义的属性“onFilterReceived”

这就是我感到困惑的地方。为什么onFilterReceived()这里未定义?为什么我在加载组件时可以成功触发此功能,但在收到分支更改通知后却不能。我在这里从根本上误解了一些东西。

0 投票
1 回答
225 浏览

angular - 单击模式内的按钮后更改父组件中按钮的名称(Angular 7)

我正在开发一个 Angular 7 项目,我想在单击子组件中的按钮后更改父组件中按钮的名称,这是一个模态。

目前,当我从父级单击“按钮 A”时,模式会打开。之后,当我从模式中单击“按钮 B”时,我希望父级中的“按钮 A”将其名称更改为“C”。我曾尝试使用 localStorage,但它没有用。你对如何做到这一点有任何想法吗?

先感谢您!