Ich habe Komponentenprüfung mit Array Reviews und Komponente CreateReview mit Formular, um neue Überprüfung zu erstellen. In diesem Moment sind diese beiden Komponenten auf der gleichen Seite, so dass ich ein neues Element von CreateReviewComponent auf Array von ReviewComponent schieben könnte, um alle Bewertungen mit neuen anzuzeigen. Wie geht das?Wie schiebe Objekt von einer anderen Komponente zum Array?
Antwort
Sie können Ihre Bewertungen in einem Service anzeigen lassen und in ReviewComponent die in diesem Service erhaltenen Bewertungen anzeigen. Und wenn alles in Ordnung ist, rufen Sie in Form der CreateReviewComponent den gleichen Dienst auf, um die neue Überprüfung der Liste hinzuzufügen. Wenn beide Komponenten den Dienst injiziert haben, teilen beide Themen dieselbe Instanz des Dienstes und die Liste der Bewertungen ist identisch.
Ich hoffe, das hilft!
zu posten In diesem Ansatz ist das Problem (bitte korrigieren Sie mich, wenn ich falsch liege), weil die Anwendung mehrere Instanzen des Dienstes verwenden. Also, wenn ich versuche, meine Rezension zu schieben, bekomme ich Fehler, dass das Array meiner Rezension nicht definiert ist, –
sorry @ maciek-drabicki Ich habe nur Ihren Kommentar sehen, nein, wenn Sie keine neue Instanz in der gleichen Registerkarte oder Seite erstellen, wird es Verwenden Sie die gleiche Instanz des Dienstes, ich habe eine Anwendung mit einigen gemeinsamen Diensten, wie Messaging, Preloader, Auth, etc. Und ist die gleiche Instanz. Sie können auch angeben, dass eine neue Instanz des Dienstes im folgenden Link erstellt werden soll. Https://angular.io/docs/ts/latest/guide/dependency-injection.html :) –
- 1. Angular 4: Wie Wert von Array aktualisieren in einer anderen Komponente von einer anderen Komponente
- 2. Angular2, Wie verwende ich ein Objekt von einer Komponente zu einer anderen Komponente?
- 3. Lesen Komponente Status von einer anderen Komponente
- 4. Wie schiebe ich ein Objekt in ein Array mit AngularJS
- 5. Übergeben Sie Objekt von einer Komponente zur anderen in React
- 6. Aktualisierbare Aktualisierung von einer anderen Komponente
- 7. Angular 2 sendendes Objekt von einer Komponente zu anderen
- 8. Angular2 Call-Funktion von einer anderen Komponente
- 9. React - Set-Eigenschaft einer Komponente von einer anderen Komponente
- 10. Wie reagiere ich Komponente von anderen Komponente
- 11. Dynamisch Komponente innerhalb einer anderen Komponente hinzufügen
- 12. Wie schiebe ich Objekte in ein Array?
- 13. Angular2 Zugriff Variablen von einer anderen Komponente
- 14. Reagieren: Zugriff Komponente Funktion von einer anderen Komponente
- 15. Zugriff aktiviert Routendaten von einer anderen Komponente
- 16. React Native: Komponente über einer anderen Komponente
- 17. Reagieren Aktualisierungskomponente Zustand von einer anderen Komponente
- 18. Ausgabe auf Array von Objekt in einer anderen Klasse erstellen
- 19. App.component.ts -Methode von einer anderen Komponente aufrufen
- 20. Funktion von einer anderen Komponente aufrufen
- 21. Compute von einer anderen Komponente VueJs
- 22. SSIS: Lese Eigenschaft von einer anderen Komponente?
- 23. Wie schiebe ich zum git-Repo von Scriptler?
- 24. Objekt-Array basierend auf einem anderen Array von Schlüsseln sortieren
- 25. Angular2 neue Komponente Objekt auf anderen URL
- 26. Wie schiebe ich ein neues Objekt mit AngularJS in ein Array von Objekten?
- 27. Wie eine Komponente innerhalb einer anderen Komponente des Parameters
- 28. React.js Wie verwende ich eine Komponente in einer anderen Komponente?
- 29. Erhalte den Pfad einer HTTP-Anfrage von einer anderen Komponente
- 30. JavaScript machen benutzerdefiniertes Objekt aus einer anderen Datei zum Testen
wäre es effizienter, einige Codes –