daterangepicker在ng-if中不起作用

时间:2016-04-20 13:52:21

标签: jquery angularjs datepicker angular-ng-if

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

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

它不是特定于daterangepicker的,对于ng-if中的任何jQuery函数都是如此。

其中一个解决方案涉及使用ng-show,但在这种情况下需要ng-if

2 个答案:

答案 0 :(得分:3)

找到解决方案:

  1. 将jQuery函数包装在$ scope函数中。
  2. 使用ng-init调用$ scope函数。

    $ scope.initializeDatepicker = function(){     $( '日期选择器')daterangepicker()。 };

    纳克-INIT = “initializeDatepicker()”;

答案 1 :(得分:0)

在ngOnachanges和Oninit之后,使用ngDoCheck()角度生命钩子来检查在eyey更改期间被调用