Es gibt eine App, die Bootstrap Angular UI mit einer Variablen $scope.companies
verwendet. Beim Klicken auf eine Schaltfläche öffnet sich ein erstes Modal Open, in dem die Firmen aus dieser Variablen in einem select
Element angezeigt werden.Angularjs und BootstrapUI - Wie man die Variable in einem Modal basierend auf Änderungen in einem anderen aktualisiert
Der Benutzer kann klicken Fügen Sie eine neue Firma Schaltfläche, um eine neue, zweite, modale (oben auf der vorhandenen) zu öffnen, wo er eine neue Firma erstellen kann.
Beim Schließen dieses zweiten Modales kehrt der Benutzer zum ersten zurück, wobei jedoch die Firmen im Element select nicht mit der neuen Firma aktualisiert werden, die gerade erstellt wurde.
Meine Frage ist - wie aktualisiert man das erste Modal, so dass es die Änderungen an $scope.companies
widerspiegelt und dass neue Firma im Select-Element verfügbar ist?
In der Hauptsteuerung ich eine Fabrik verwenden (‘sharedCompanies
), um die Unternehmen zu erhalten:
sharedCompanies.getCompanies().then(function(data){
$scope.companies = data;
}
als, jedes Mal, wenn ich eine neue modale öffne ich etwas tun, wie dieses Geltungs es so vorbei :
In jedem modalen kann ich auf $scope.companies
zugreifen und sie werden korrekt angezeigt. Das neue Unternehmen wurde erfolgreich erstellt, aber damit es im Element select
sichtbar ist, muss ich die Modals schließen und sie wieder öffnen ...
Wie aktualisiere ich die $scope.companies
Variable in diesen Modal, nachdem ein neues Element wurde hinzugefügt?
Wie fügen Sie die neue Firma hinzu? – Ladmerc