대화 상자에서 상위 구성 요소 기능으로 md 입력 값 전달

Question

대화 상자 창 내부에 md-input 필드가 있습니다 (이 대화 상자는 하위 구성 요소입니다). 이 값을 부모 구성 요소의 함수에 대한 매개 변수로 전달해야합니다. 어떻게 그렇게합니까? 생성자에서 triggerParentMethod에 가입하여 ParentComponent에서

import {Injectable } from '@angular/core'; 
import { Subject } from 'rxjs'; 

@Injectable() 
export class SharedService{ 
    public triggerParentMethod: Subject<string> = new Subject<string>(); 
} 

:

Answer 1

상위 구성 요소에 입력 값을 전달하는 shared.service을 정의

constructor(private sharedService:SharedService,public dialog: MdDialog){ 
    this.sharedService.triggerParentMethod.subscribe(someValueFromDialog =>{ 

     // Pass the value to the method here. 
     this.someMethod(someValueFromDialog); 

     }); 
} 

결합하여 <md-input>[(ngModule)] 일부 :

는이처럼 대화 상자에서 해당 입력 값을 방출 할 수있다 : working demo에

이

this.sharedService.triggerParentMethod.next(this.someField); 

연결합니다.