Angular2, Wie verwende ich ein Objekt von einer Komponente zu einer anderen Komponente?

Question

Ich bin mit zwei verschiedenen Komponenten,

ist sample.ts, ist eine andere testing.ts

export class TestComponent { 
save(){ 
    console.log('this is a testing file') 
    } 
} 

Ist das possibe save() in sample.ts verwenden ?? was ist in testing.ts -> speichern() ??

Wenn dies möglich Mittel, jemand plz mir helfen ...

Answer 1

würde ich diese Funktion in einem gemeinsam genutzten Dienst gestellt und es injizierbare machen und es überall verwenden.

@Injectable() 

    export class MyService{ 

    public save(){ 

    console.log('this is a testing file') 

    } 
} 

In Ihren Komponenten:

constructor(private myService:MyService){ 

    // use it however you want 
    myService.save(); 

    } 

Und wenn Sie dies nicht tun, müssen Sie den Export in seperat, die nur funktionieren:

export function save() { 

    console.log('this is a testing file') 

} 

EDIT:

Wenn Sie den Status dieses Dienstes für alle Ihre Komponenten beibehalten möchten, müssen Sie ihn in Ihrer Top-Level-App bereitstellen.

Der Dienst verhält sich wie ein Singleton-Objekt, und alle untergeordneten Komponenten verwenden ihn, und der Status wird gespeichert.

Also gehen Sie zu Ihrem app.ts (wahrscheinlich) und stellen Sie den Dienst zur Verfügung und löschen Sie ihn aus der Liste aller untergeordneten Komponentenanbieter.

Answer 2

Sie können Ihre Methode öffentlich machen: public save() { ... } dann Ihre Testcomponent in Ihrem Sample importieren, eine Instanz von Testcomponent erstellen und rufen let tc = new TestComponent(); tc.save();