Angular bootstrap datepicker（uib-datepicker）不适用于新添加的元素

Question

我有一个uib-datepicker的归档，在页面加载后添加到jQuery的DOM。 现在，当我专注于字段时， 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);

打开datepicker

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

可以说：uib-datepicker根本不适用于提交！

有什么问题？