jquery - daterangepicker 不在 ng-if 内工作

Question

我在表单字段中使用 daterangepicker 来显示日期选择器。 正如您所看到的，这在底部的字段中工作正常，但在 ng-if 中包含的字段中却不起作用。

http://plnkr.co/edit/WogKyUDNAVAXQTm3lOJR?p=preview

这不是特定于 daterangepicker 的，对于 ng-if 内的任何 jQuery 函数都是如此。

解决方案之一涉及使用 ng-show，但在本例中需要使用 ng-if。

Answer 1

找到解决方案:

1. 将 jQuery 函数包装在 $scope 函数内。

2. 使用 ng-init 调用 $scope 函数。

   $scope.initializeDatepicker = 函数(){ $('.datepicker').daterangepicker(); };

   ng-init="initializeDatepicker()";