angularjs - Angular ブートストラップ datepicker(uib-datepicker) が新しく追加された要素に適用されない

Question

ページの読み込み後にDOMに追加されたuib -datepickerのファイルがあります。jQueryフィールドにフォーカスすると、datepickerが表示されなくなりました。

日付ピッカー フィールドの作成と追加

var dateInput = 
   $compile("<input type='text' class='date-filter' 
   ng-model='dateFilter' 
   uib-datepicker-popup='yyyy-MM-dd' 
   is-open='datePicker[1]' 
   ng-focus='openDatePicker($event, 1)'>")($scope);

   $('#wapper').append(dateInput);

日付ピッカーを開く

$scope.datePicker = [];
$scope.openDatePicker = function ($event, datePickerIndex) {
   $event.preventDefault();
   $event.stopPropagation();
   $scope.datePicker[datePickerIndex] = true;
};

それは言うことができます：uib-datepicker提出されたものにはまったく適用されません！

どうしたの？