Ich versuche herauszufinden, wie eine lokale Referenz in einer übergeordneten Komponente Vorlage, d. H. #rightNav
von einer untergeordneten Komponente Vorlage klicken Sie auf Ereignis (click)="rightNav.open()"
mit Material 2 sidenav. Ich denke, ich muss die @ViewChild
Annotation verwenden, aber nicht sicher, wie.Wie löst man den lokalen Bezug in der Elternkomponente aus dem Kindkomponentenereignis in Angular 2 aus?
Child Komponentenvorlage (app-Bedingungen-Liste):
<div *ngFor="let condition of conditions" [class.selected]="condition === selectedCondition"
(click)="rightNav.open()"></div>
Geordnete Komponente Vorlage (Bedingung Komponente):
import { Component} from '@angular/core';
import { ConditionsListComponent } from './listComponent/conditions-list.component';
@Component({
moduleId: module.id,
selector: 'app-conditions',
template: `
<md-sidenav #rightNav align="end" mode="side">
"Condition details will open here on click event"
</md-sidenav>
<app-conditions-list></app-conditions-list>`,
styleUrls: ['./conditions.component.css'],
directives: [
ConditionsListComponent,
]
})
export class ConditionsComponent {
title = "Conditions Manager"
}
Das Kind Komponente in der übergeordneten Komponente verschachtelt Vorlage. Danke!
Für mich ist es nicht klar, wie '' und '' sind verwandt. Was meinst du mit "Elternkomponente"? –
Danke @ GünterZöchbauer. Ich habe den Code aufgeräumt, um irrelevanten Code zu entfernen. Die Elternkomponente ist der Ort, an dem die Referenz #RightNav ist. – odenman250
Bitte fügen Sie weiteren Code hinzu. Für mich ist immer noch völlig unklar, was Sie zu erreichen versuchen. –