Angular2 Kommunikation zwischen Komponenten

Question

suche ich über die Kommunikation zwischen den Komponenten mit Angular2 i in diesem Modus versuchen, aber doesn t diese

<button (click)="changetext()">Change</button> 
<child></child> 



@Component({ 
    selector: 'menu-left', 
    templateUrl: './app/pages/variantpages.component.html' 
}) 

export class AppComponent{ 


child = new ChildComponent(); 


changetext(){ this.child.changetext2()} 

} 

@Component({ 
    selector: 'child', 
    template: `<p>page of {{ pageCount }}</p>` 
}) 

export class ChildComponent{ 

@Input() photo:string = "ciao ciao"; 

@Output() valueChange = new EventEmitter(); 


pageCount:number; 
constructor(){ this.pageCount = 0; } 

changetext2(){ 
     this.pageCount++; 
     this.valueChange.emit(this.pageCount); 
     console.log(this.pageCount); 
    } 
} 

so

die Vorlage variantpages.component.html Inhalt arbeiten das Konsolenprotokoll zeigt die Inkrementnummer, aber pageCount bleibt ein 0

Danke

Answer 1

ok ich gelöst mit EventEmitter aber das funktioniert nur von Eltern und Kindern, jetzt meine Frage ist es anders, wenn ich zwei verschiedene Komponenten habe und ich will mit einem Knopf (Klick) in Komponente A, um die Zeichenfolge in einer Komponente B zu ändern , ich nenne diese Methode setName

COMPONENT A

constructor(private appComponent: AppComponent){ } 
setName(newName: string) { 
     this.appComponent.name = newName; 
     console.log(this.name); 
     } 

COMPONENT B

@Input() name: string = "Angular3" 

die Konsole die neue Zeichenfolge zeigen, aber der Name nicht ändern