ng-focus或ng-click在角度上不能正常工作

Question

我有一個文本輸入框和一個嵌入的日期選擇器。問題是我們關注甚至點擊輸入字段

日期選取器未顯示。

但是，如果您在控制檯中放置調試器並進行調試，則會顯示輸入字段何時關注或單擊。

<div class="row"> 
       <input id="field" placeholder="Choose Date" class="span-12" ng-model="vm.date" ng-blur="vm.onSaveTime()" ng-focus="vm.showDatePicker()"> 
    </div> 

下面是代碼

vm.showDatePicker = function(){ 
    debugger; 
    var options = { 
     format:"YYYY-MM-DD" 
    }; 
    $('#field').datepicker(options); 
} 

日期選擇器最初不顯示在頁面加載時，如果你沒有在控制檯調試或者，如果你不點擊面板中的其它領域然後點擊它。

這是爲什麼？

Answer 1

它可能會幫助你

<div id="wrapper" ng-app="myApp"> 
<p>{{datePicker || "00/00/0000"}}</p> 
<input type="text" ng-model="datePicker" datepicker /> 
</div> 

var myApp = angular.module('myApp', []); 

myApp.directive("datepicker", function() { 
return { 
restrict: "A", 
require: "ngModel", 
link: function (scope, elem, attrs, ngModelCtrl) { 
    var updateModel = function (dateText) { 
    scope.$apply(function() { 
     ngModelCtrl.$setViewValue(dateText); 
    }); 
    }; 
    var options = { 
    dateFormat: "dd/mm/yy", 
    onSelect: function (dateText) { 
     updateModel(dateText); 
    } 
    }; 
    elem.datepicker(options); 
} 
} 
}); 

https://codepen.io/anon/pen/BWeWVp