angular2 muss auf den Kindwert in der Elternklasse zugreifen

Question

Hier muss ich auf den Kindwert in der Elternklasse zugreifen. Aber ich kann es nicht bekommen. Wenn ich Anweisungen verwende, zeigt es einen Fehler an. Kann mir bitte jemand helfen, die Kindwerte in der Elternkomponente anzuzeigen und wie der Kindwert in reaktiver Form validiert werden kann?

Parent.html:

<browser [template]="coreActivity" (onselect)="onselect($event)" ></browser> 

parent.ts:

onselect(select: any) 
{ 
    console.log(select.value); 
} 

child.html:

<md-grid-list cols="3" rowHeight="100px"> 
    <md-grid-tile *ngFor="let core of template" (click)="selectcore(core)"> 
     {{core.value}} 
    </md-grid-tile> 
</md-grid-list> 

child.ts:

@Component({ 
    selector: 'template-browser', 
    templateUrl: './template-browser.component.html', 
    styleUrls: ['./template-browser.component.css'] 
}) 
export class TemplateBrowserComponent implements OnInit { 
    @Input() template; 

    @Output() notify: EventEmitter<string> = new EventEmitter<string>(); 
    constructor(private community: CreateCommunityComponent) { } 
    selectcore(core: any) { 
     // alert(core.value); 
     this.notify.emit(core.value); 
    } 
} 

Answer 1

Wie Sie Werte durch EventEmitter sind vorbei müssen Sie es mit Kinderkomponente Erklärung in parent.html zu übergeben.

<browser (notify)="onSelect($event)" [template]="coreActivity" (onselect)="onselect($event)" ></browser> 

Und in Funktion unter parent.ts:

onSelect(select) 
{ 
    console.log(select.value); 
} 

Answer 2

Um child.html in Mutter zugreifen zu können, müssen Sie eine andere Komponente erstellen und diese Komponentennamen als Tag in Mutter verwenden. wie Komponentenname ist „Kind“ halten <child></child> in Mutter