angular 2 bootstrap datepicker初始化

Question

我在我的angular 2应用程序中使用bootstrap datepiker（http://bootstrap-datepicker.readthedocs.io/en/latest/index.html）并且在初始化时遇到了一些麻烦。

在我的组件中使用以下内容，但不是很漂亮

ngAfterViewInit(): void {
    setTimeout(function() {
      $('.date').each(function() {
        console.log($(this));
        $(this).datepicker({
          format: 'dd.mm.yyyy',
          autoclose: true,
          calendarWeeks: true,
          language: 'de-DE',
          todayHighlight: true
        });
      });
    }, 1000)
  }

有没有一种方法没有1秒的脏超时让这个工作？如果我没有超时，jQuery选择器不会返回任何内容，并且控制台中没有输出。

Answer 1

问题是datepicker在* ngIf指令内。

解决方法是将@ViewChildren与QueryList一起使用，并在更改querylist后初始化（订阅更改事件）