Angular Zwei-Wege-Bindung

Question

Nur mit eckigen beginnen und ich habe eine Frage.

Ich habe einen „total“ Abschnitt, die zwei einzelne Komponenten hat (siehe Bild unten):

Ich habe auch eine separate Datei, die Export-Schnittstelle „Item“ als Beispiel.

Dies wird sowohl in Komponente A als auch in B verwendet. Wenn sich eine Komponente ändert, möchte ich, dass sie sich auf der anderen Komponente widerspiegelt.

Ich lese einige Dokumente online über Zwei-Wege-Bindung. Ich dachte jedoch, ich würde fragen, ob jemand das weiß oder getan hat und kann mir helfen, dies zu erreichen.

Vielen Dank im Voraus!

Answer 1

Es wäre besser, mehr Informationen darüber zu haben, was Sie zu tun versuchen ... aber im Allgemeinen ist eine gute Möglichkeit, Daten zwischen Komponenten auszutauschen und Änderungen zu verfolgen, die Verwendung eines Dienstes.

Ich habe einen Blog-Post über es hier: https://blogs.msmvps.com/deborahk/build-a-simple-angular-service-to-share-data/

Und ein Plunker hier: https://plnkr.co/edit/KT4JLmpcwGBM2xdZQeI9?p=preview

Der Service etwas würde wie folgt aussehen:

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

@Injectable() 
export class DataService { 
    serviceData: string; 
}