angular子组件传值给父组件

angular子组件传值给父组件

step1: D:\vue\untitled2901\src\app\app.component.ts

import {Component} from '@angular/core';@Component({selector: 'app-root',template: `Message:{{message}}`,styleUrls: ['./app.component.css']
})
export class AppComponent{constructor() {}message: string;receiveMessage($event){this.message =  JSON.parse($event).name;}}

step2: D:\vue\untitled2901\src\app\child\child.component.ts

import {Component, Output, EventEmitter} from '@angular/core';@Component({selector: 'app-child',template: `send Message`,styleUrls: ['./child.component.css']
})
export class ChildComponent {message = JSON.stringify({name: 'alice', address: 'beijing',age:17});@Output() messageEvent = new EventEmitter<string>();constructor() {}sendMessage() {this.messageEvent.emit(this.message)}}

run ,success!!!

end

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！