2016-04-20 65 views
-1

我正在使用Angular JS和Bootstrap,我想更新日期選擇器日曆和從函數中選擇的輸入。Angular JS不會更新從日期日曆中選擇和輸入

值已更新,但我無法在其通訊錄輸入中看到這些值。

我們可以說我正在更新模型而不是視圖。如果我從視圖更新模型,那麼一切正常,但不是相反。

在同樣的形式,如果我更新一個複選框製作clic ...驚喜。 select和datepicker日曆被更新。

如何從我的模型更新視圖並查看此更新?

編輯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); 
}); 

我記得一切,如果我更新視圖中的優良樣板工程。

編輯2:

更多的驚喜!我之前說過,我更新模型的值,並且在視圖上看不到這些值。

enter image description here

但是,如果我做一個CLIC在 「SI」 ......驚喜!我可以在視圖中看到更新的值。您現在可以看到select和datapicker已更新。

enter image description here

+0

你能發表一些代碼嗎?你在做什麼?你在用日期選擇器工作嗎? – Kyle

回答

0

修好了!!!

要更新從模型來看,更新後你有模型來電...

$scope.$apply(); 

而現在你可以看到所有的變化!

enter image description here

你怎麼能看到的,我不需要做任何集團公司於任何其他成分從形式看在視圖上的模型更新我的價值觀。

相關問題