ngIf - Ausdruck hat sich verändert, nachdem es überprüft wurde. Vorheriger Wert: 'ngIf: false'. Aktueller Wert: 'ngIf: true,'

Wie die call-Methode von einer Komponente zu einer anderen, wenn Sie keine Eltern-Kind-Beziehung?

Ich habe 2 Geschwister-Komponenten und-wie unten:

header.ts

private postValues() {
   this._PartService.PostDataValues(this.search)
       .subscribe(result => {
       })
}

Teil.ts

this._PartService.getMasterData()
    .subscribe(result => {
    })

In diesem Fall muss ich anrufen postValues() Methode in getMasterData() um eine Beschreibung der Werte, und es hat keine Eltern und Kind-Kommunikation.

InformationsquelleAutor sneha mahalank | 2018-08-29
  1. 2

    Es nicht möglich, die trigger eine Geschwister-Komponente-Methode direkt, aber es ist ein Weg, um die trigger-Geschwister-Komponente Ereignis mit import { BehaviorSubject } from 'rxjs';

    Ich verwenden Sie diese Methode zum übergeben von Daten zu Geschwister-Komponente, aber es ist Arbeit als gut, wenn Sie das trigger-Ereignis.

    Ersten Sie Erstellen Dienst, Dienst, ich nenne es DataService.ts

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

@Injectable()
export class DataService {

  private triggerEventMsg = new BehaviorSubject(false);
  triggerEvent = this.triggerEventMsg.asObservable();

  constructor() { }

  triggerEvent(val: boolean) {
    this.messageSource.next(message)
  }

}

    Nun Eine Komponente, die Trigger eine andere Komponente, Für jetzt, Com1 trigger Com2 Veranstaltung.

    Com1 trigger DataService triggerEvent mit pass booleschen Wert.

    Com1.component.ts

    import { Component, OnInit } from '@angular/core';
import { DataService } from "../data.service";

@Component({
  selector: 'app-com1',
  template: `
    {{message}}
    <button (click)="newMessage()">New Message</button>
  `
})
export class Com1 implements OnInit {

  constructor(private data: DataService) { }

  ngOnInit() {

  }

 com1ClickEvent() {
    this.data.triggerEvent(true);
  }

}

    Com2 Beachten Sie, dass die variable, wenn sich Daten ändern, die Methode, die trigger in der Com2-Komponente.

    Com2.component.ts

    import { Component, OnInit } from '@angular/core';
import { DataService } from "../data.service";

@Component({
  selector: 'app-com2',
  template: `
    <p>Com2</p>
  `
})
export class Com2 implements OnInit {



  constructor(private data: DataService) { }

  ngOnInit() {
    this.data.triggerEventMsg.subscribe(message => {
        //Do What ever you want.

     })
  }

}
    InformationsquelleAutor Ashish Kadam
  2. 0

    kommunizieren Komponente, die nicht Eltern-Kind. Also ich bin der Kommunikation durch service

    service.ts 

    value=false; 
search: EventEmitter < boolean > = new EventEmitter();
toggle() {
   this.value = !this.value;
   this.search.emit(this.value);
}

    suchen.ts

    submit():void{
  this.service.toggle();
}

    Hause.ts

    ngOnInit() {    
   this.service.change.subscribe(value => {
           //some code here
    }
}
    InformationsquelleAutor Mustafa Kunwa
Schreibe einen Kommentar