2016-04-20 11 views
-1

Ich benutze Angular JS und Bootstrap und ich möchte die Eingabe eines Datumsspeichers Kalenderkalender und eine Auswahl aus einer Funktion.Angular JS nicht aktualisieren wählen und Eingabe von Datum Kalender

Die Werte sind aktualisiert, aber ich kann diese auf ihren entsprechenden Eingaben nicht sehen.

Wir können sagen, dass ich das Modell, aber nicht die Ansicht aktualisiere. Wenn ich das Modell von der Ansicht aktualisiere, funktioniert alles gut, aber nicht das Gegenteil.

In der gleichen Form, wenn ich eine CheckBox aktualisiere Clic ... Überraschung. Der Select- und der Datepicker-Kalender werden aktualisiert.

Wie kann ich die Ansicht von meinem Modell aktualisieren und dieses Update sehen?

Edit 1:

HTML

<select ng-model = "searchPAI.sistemaSelected" class="form-control" ng-options="sistema.nombreSistema for sistema in listSistemas"> 
</select> 
<p class = "input-group" ng-controller = "dpFechaDesde"> 
    <input type = "text" class = "form-control" uib-datepicker-popup = "{{format}}" name = "dtInicio" ng-model = "dateFrom" is-open = "popup1.opened" ng-change = "change2()" 
    min-date = "minDate" max-date = "maxDate" datepicker-options = "dateOptions" close-text = "Cerrar" clear-text = "Borrar" now-text = "Hoy" /> 
    <span class="input-group-btn"> 
     <button type="button" class="btn btn-default" ng-click="open1()"><i class="glyphicon glyphicon-calendar"></i></button> 
    </span>      
</p> 

JS:

$scope.searchPAI.sistemaSelected = $scope.listSistemas[id]; 
$scope.$on("updateFechaDesde", function(){ 
     $scope.dateFrom = publicDPFactory.date; 
     MyVar.data.dtFrom = publicDPFactory.date; 
     console.log("publicDPFactory.date: " + publicDPFactory.date); 
     console.log("scope.dateFrom: " + $scope.dateFrom); 
}); 

Ich erinnere mich, alles funktioniert gut, wenn ich das Modell aus der Sicht aktualisieren.

Edit 2:

Weitere Überraschungen! Wie ich vorher sagte, aktualisiere ich den Wert vom Modell und ich kann diese nicht in der Ansicht sehen.

enter image description here

Aber, wenn ich einen Clic über "SI" ... Überraschung zu machen !!! Ich kann die Werte in der Ansicht sehen. Sie können jetzt den Select und den Datapicker sehen.

enter image description here

+0

Können Sie einen Code schreiben? Mit was arbeitest du? Arbeitest du mit einem Datepicker? – Kyle

Antwort

0

es behoben !!!

Um die Ansicht aus dem Modell zu aktualisieren, nachdem das Modell, das Sie ...

$scope.$apply(); 

zu nennen haben aktualisiert und jetzt können Sie alle Änderungen sehen !!!

enter image description here

Wie können Sie sehen, ich habe keine Clic über jede andere Komponente aus dem Formular vornehmen muß meine Werte im Modell auf der Ansicht aktualisiert, um zu sehen.

Verwandte Themen