-
2 votesanswersviews
子组件不向父组件的功能发送值
我在我的父组件中定义了一个名为 login 的函数： login(user: any) { console.log(user); } 然后我有一个登录表单组件： export class LoginFormComponent { @Output() onLogin: EventEmitter = new EventEmitter(); constructor() { thi... -
0 votesanswersviews
输出事件emmiter在Angular 5中引发错误
我有一个奇怪的问题，我在Angular 5.2.11中有一个带有父子组件的项目 . 一切正常，直到我在子组件中添加@Output装饰器以发出对父组件的响应 . 这是孩子TS： questionCorrectAnswer:number; nextQuestion(){ this.nextQuestionEvent.emit({}); } 这是孩子的HTML <a (click)=&q... -
1 votesanswersviews
Angular Jasmine：使用spyOn测试子组件的输出
我正在将一个测试套件（Karma Jasmine）实现到我们的Angular App中，但是我遇到了这个具体案例的问题 . 假设我需要测试一个名为MessageComponent的组件，它发出一个按下按钮的事件 . 如果我从父级测试事件，如何确保事件正确发出？ 这是一个例子： @Component( { selector: "cw-message", templ... -
0 votesanswersviews
EventEmmiter将数据发送到没有兄弟组件 - Angular 2
我有一个组件，它由触发功能的按钮和根据我从服务和该功能获得的数据生成元素的表组成 . 但我不得不拆分该组件，现在我只有一个组件上的按钮，以及其他组件上的数据的函数和表 . 在带按钮的第一个组件中，我将EventEmmiter设置为： import { Component, OnInit, Output, EventEmitter, Input } from '@angular/core'; imp... -
0 votesanswersviews
告诉父组件从同一子组件中删除子组件
我有一个Angular父组件，它根据一个值创建一个包含几个子组件的数组（例如，1个ParentComponent创建10个ChildComponents） . ChildComponent具有显示多个按钮的HTML，包括删除按钮 . 删除按钮同时使子组件自行删除 . 删除ChildComponent后，我该如何通知父改变？删除后，父级仍然在其ChildComponents数组中包含已删除的对象 ... -
0 votesanswersviews
父/子组件交互 - 使用EventEmitter angular2返回值
1）我有一个使用@Output 2发出事件的子组件（CounterComponent） . 子组件也有一个Input参数callBackCancelled . 3）父组件（AppComponent）将callBackCancelled值设置为“true”，但在子组件中该值仍未定义 . 查看plunker示例https://plnkr.co/edit/2vnTUEDyBKT59GDTvkEJ ca... -
0 votesanswersviews
Angular2 EventEmitter订阅？
我昨天开始学习Angular2，而且我一直在理解如何订阅EventEmitter . 我的布局分为2部分排行榜，显示玩家和创建新玩家的CreatePlayer . 我有一个持有PlayerList的PlayerService . 所以当我在CreatePlayer中添加一个玩家时，会在PlayerList中添加一个新玩家 . 但我需要在布局中反映播放列表更改，以便排行榜或播放器中的属性重新绑定或更... -
8 votesanswersviews
Angular2 EventEmitter和preventDefault（）
Angular2中有没有办法以某种方式阻止使用EventEmitter的事件的默认值？ 我有以下场景： import {Component, Output, EventEmitter} from 'angular2/core' @Component({ selector: 'my-component', template: `<button (click)="clicke... -
2 votesanswersviews
具有最后一个值的Angular2 EventEmitter
基本上我想知道有没有办法在订阅之后立即从 EventEmmiter 获取最后一个值？ 为什么我需要这个 . 想象一下列表组件使用另外两个组件：过滤器和网格 . 过滤器提供 filter 事件，网格提供 sorting 事件 . 在我的列表组件中，我想编写如下代码： Observable .combineLatest(filtering$, sorting$) ... -
0 votesanswersviews
Angular2 eventEmitter，父母不会 grab 它
已经使用了一段时间，试图找出父母没有收到事件并调用该函数的原因 . 有一个父应用程序（称为AppComponent）和子组件（称为HomeComponent） HomeComponent.ts @Component({ selector: 'home-component', providers: [], moduleId: module.id, encapsulation: ViewEncapsu... -
43 votesanswersviews
如何将2个参数传递给EventEmitter angular2
我在我的组件中有 EventEmitter 但我无法编译因为返回此错误："Supplied parameters do not match any signature of call target" 我的组件： @Output() addModel = new EventEmitter<any>(); saveModel($event, make, name) {... -
0 votesanswersviews
Angular 2：在身份验证时在导航栏中显示图标
我的组件结构看起来大致如此 . 我的应用程序组件有一个导航栏和路由器插座 . 导航栏包含徽标，一些通用链接以及一些仅在用户登录和身份验证时显示的特定链接 . 路由器插座根据路由URL加载主组件或墙组件 . 主组件包含登录组件，其中包含常规用户标识，密码和提交按钮 . 在提交时，登录成功后，登录组件将发出一个事件 . 现在，我如何在home组件（父组件）中捕获该事件？ 如果我直接在应用程序下使用主页... -
0 votesanswersviews
Angular2如何将选定值传递给其他组件
嗨，我尝试传递从其中一个选项中选择的值 . 我使用ngModel来保存值，但我无法弄清楚如何将它传递给其他组件 . 由于它们是连接但没有嵌套，我无法使用Eventemitter因为我认为使用Eventemiiter，我应该使用子组件的选择器将组件嵌套在父组件中，我不想这样做 . 这两个组件是分开的，我想将选定的值传递给另一个组件？我怎样才能做到这一点？ 以下是我的代码 . 组件1的模板 <d... -
0 votesanswersviews
如何存储超过Angular中通过Output（）和EventEmitter（）传递的最新值？
我在Angular应用程序中使用自定义输出来在组件之间发送用户选择的值 . 现在有用的是，每次用户点击一个复选框项时，该值都会发送到我的子组件，在那里我可以看到它打印到控制台 . 问题是，当用户单击另一个选择时，我会通过发送该值，但之前发送的值现在返回undefined . 换句话说，我只是获得了最新的 Value . 我的问题是：如何存储传递的值，以便我可以使用每个用户选择的值构建过滤器列表，... -
0 votesanswersviews
使用显示未定义的EventEmitter发出数组
我正在尝试向父组件发出一个数组，但是当我尝试使用console.log获取发出的数据时，我一直未定义，我的其他事件 Launcher 工作正常，事件二发出数组但是在控制台输出时给我未定义（只显示必要的代码） . 子组件ts文件： @Output() eventTwo: EventEmitter<any> = new EventEmitter<any>(); // the ... -
2 votesanswersviews
Angular 2 ngOnChanges与eventEmitter冲突
我在同一个父母中有两个组件 . 当我单击组件1中的按钮 onSubmit() 时，它会向存储事件的父母发出一个事件 submittedPayment 到 processingPayment ，然后组件2将通过父母接收此事件 . 然而，组件2具有与接收的事件发射冲突的ngOnChanges的功能 . 当我单击 onSubmit() 时，控制台在 ngOnChanges 函数中显示错误"Ca... -
4 votesanswersviews
Angular 4 - 从子组件调用父方法不起作用
我的所有事件 Launcher 都正常工作，除了一个 . child.ts: @Component({ ... outputs: ['fileUploaded'] }) export class childComponent implements OnInit { ... fileUploaded = new EventEmitter<boolean>... -
48 votesanswersviews
孩子在Angular 2中听父母事件
在有角度的文档中，有一个关于从父母那里听儿童事件的话题 . 没关系 . 但我的目的是反向的！在我的应用程序中有一个'admin.component'，它包含管理页面的布局视图（侧边栏菜单，任务栏，状态等...） . 在这个父组件中，我配置了路由器系统，用于更改管理员其他页面之间的主视图 . 问题是在更改后保存内容，用户单击任务栏中的保存按钮（位于admin.component中），子组件必须侦听该... -
2 votesanswersviews
使用递归组件时，Angular2在子级中不起作用
我已经为我正在开发的Angular2（Typescript）应用程序实现了一个“树”类别列表 . 该组件应该允许您单击类别名称（无论它是类别还是子类别），这将显示该类别的产品 . 我的“category-tree”组件是一个单独的组件，它是递归使用的，因此我可以正确遍历类别层次结构 . 对于每个类别，生成一个范围，并将“click”事件绑定到该范围 . 单击时，我使用emit函数将此信息广播回父组... -
2 votesanswersviews
向动态加载的组件添加事件处理程序
我有两个组件： workflow 和 block . 使用 directive 和 ComponentFactory 将 block 组件动态加载到 workflow 中 . block 组件包含一个按钮，我想在单击按钮时向父级（ workflow ）发出一个事件，因此我在 BlockComponent 中添加了 @Output('onDelete') onDelete = new EventE... -
0 votesanswersviews
angular2从动态子级向父级发出事件
我在父模板中有子元素 . 子动态添加 . 从孩子我想叫父母的功能，这增加了另一个孩子 . 我使用@Output，当child是静态的时候它可以工作，但是当动态添加child时，浏览器无法编译页面： 家长： @ViewChild('dragdrophost', { read: ViewContainerRef }) viewContainerRef: ViewContainerRef... -
0 votesanswersviews
Angular - 发出的事件无法通过父组件
我正在尝试从子组件向父组件发出事件 . 这是父文件TS文件的一部分： import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-car-detail', templateUrl: './car-detail.component.html', styleUrls: ['./car-det... -
1 votesanswersviews
angular：在嵌入式组件中未定义EventEmitter
我正在学习角度，我遇到了一个问题：我在主要组件中有一个组件，我想发出一个事件，但是我收到了一个错误 . 这是我的代码： import { Component, OnInit, Output, EventEmitter } from '@angular/core'; @Component({ selector: 'app-game-control', templateUrl: './ga... -
0 votesanswersviews
使用EventEmitter angular2返回值
我有一个在父组件中发出事件的EventEmitter，我希望它从父组件执行一系列指令，结果将它返回给调用者，this.filteredList我希望它包含父组件返回的列表但是当它返回时，filteredList是未定义的 这是de chid组件“autocomplete.component.ts：”//当在this.changeFilter.emit中返回时，this.filteredList是未... -
190 votesanswersviews
委托：Angular中的EventEmitter或Observable
我试图在Angular中实现类似委托模式的东西 . 当用户点击 nav-item 时，我想调用一个函数然后发出一个事件，而该事件又由一些其他组件监听事件来处理 . 这是场景：我有一个 Navigation 组件： import {Component, Output, EventEmitter} from 'angular2/core'; @Component({ // other pro... -
6 votesanswersviews
从Angular2中的子组件切换父组件中的属性（类似于AngularJS中的$ emit）
我'm currently teaching myself Angular2 and I have a practical problem that would be easy to rectify in AngularJS but currently I'm通过示例查找Angular2的解决方案 . 无论如何，我有一个名为 App 的顶级组件，在该组件中我有一个应用css类的属性，这里是我的HT... -
0 votesanswersviews
放置在Angular的ngOnChanges生命周期钩子中时，功能未运行
我正在检查以确保通过Angular的自定义Output（）和EventEmitter（）将某些值从另一个组件发送到另一个组件 . 它们是从我的第一个组件的视图发送的，如下所示： <list [results]="results" (sendLanguage)="onLanguageReceived($event)" (sendZipc... -
2 votesanswersviews
将事件从Child传递到Parent Component-Angular
我是Angular的新手，这是我的问题： 我有一个子组件，我正在处理网格的单元格单击事件，并在回调中我有一个EventEmitter，并声明为 @Output() cellClicked :any; . 我在回调函数中实例化EventEmitter，如下面的示例代码所示： onCellClicked($event){ this.cellClicked = new Even... -
-2 votesanswersviews
Angular：在一个组件中调用一个函数，在另一个组件上调用事件
使用Angular6，假设我有2个子组件A，B，它们都是父组件P的一部分 . 我想在组件A上使用表单输入，所以一旦单击，字符串值将在组件B上传递 and trigger a function . 这或许： functionOnB(valueFromA: string) { //some code here; } 这有可能吗？ 我使用angular的EventEmitter成功地在组件之间传输数... -
0 votesanswersviews
每当对象内容发生更改时，角度触发器EventEmitter
我正在使用子组件来构建一个由递归子数组和对象组成的复杂对象 . 我想要一种使用实时绑定在父组件中访问此对象的方法 . 对象中的值根据用户输入（选择框，输入等）而改变，所以我需要一种方法来发出@Output（）EventEmitter，并且只要它的属性发生变化，就会传递整个对象 . 关于如何实现这一点的任何想法，还是我可以采取的另一条路线？ 请参阅下面的一些概念代码，其中输入具有绑定到复杂对象中的深...