Angular的Output通过emit发送一个值
创始人
2024-10-24 08:31:46
0

在Angular中,可以使用@Output装饰器和EventEmitter类来发送一个值。下面是一个示例:

在组件中定义一个输出属性和一个事件发射器:

import { Component, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'app-child',
  template: `
    
  `,
})
export class ChildComponent {
  @Output() valueEmitter = new EventEmitter();

  sendValue() {
    const value = 'Hello World';
    this.valueEmitter.emit(value);
  }
}

在父组件模板中使用子组件,并监听子组件的输出事件:


在父组件中定义一个处理方法来接收从子组件发出的值:

import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: `
    
    

{{ receivedValue }}

`, }) export class ParentComponent { receivedValue: string; handleValue(value: string) { this.receivedValue = value; } }

当子组件的按钮被点击时,它将发出一个值,并被父组件的handleValue方法捕获并赋值给receivedValue属性。父组件的模板中的paragraph标签将显示这个值。

相关内容

热门资讯

透视神器!aapoker脚本怎... 透视神器!aapoker脚本怎么用(透视)真的假的(确实有挂)1、起透看视 aapoker脚本怎么用...
透视插件!aapoker怎么控... 透视插件!aapoker怎么控制牌(透视)透视方法(一直有挂)1、玩家可以在aapoker怎么控制牌...
透视中牌率!aa poker辅... 透视中牌率!aa poker辅助(透视)透视脚本(果然真的是有挂)1、透视中牌率!aa poker辅...
透视工具!aa poker透视... 透视工具!aa poker透视软件(透视)辅助插件工具(本来是有挂)透视工具!aa poker透视软...
透视插件!aapoker透视脚... 透视插件!aapoker透视脚本(透视)真的假的(果然真的是有挂);aapoker透视脚本辅助器中分...
透视苹果版!aapoker安装... 透视苹果版!aapoker安装包怎么使用(透视)透视脚本下载(都是有挂);运aapoker安装包怎么...
透视数据!aapoker怎么设... 透视数据!aapoker怎么设置提高好牌几率(透视)免费透视脚本(竟然有挂);1、aapoker怎么...
透视模拟器!aapoker怎么... 透视模拟器!aapoker怎么控制牌(透视)免费透视脚本(一直有挂)一、aapoker怎么控制牌AI...
透视了解!aapoker真的假... 透视了解!aapoker真的假的(透视)透视脚本(本来是真的有挂);1、许多玩家不知道aapoker...
透视数据!aapoker怎么设... 透视数据!aapoker怎么设置抽水(透视)免费透视脚本(本来是真的有挂)1、完成aapoker怎么...