Angular模板缓存+ bootstrap datepicker未在文档就绪时激活

Question

我有一个单页面应用程序，使用ngBoilerplate作为结构的基础。我已经通过bower安装了bootstrap datepicker，并在我的模板文件中内联使用它（最终将其编译为javascript文件作为角度模板缓存模块）。

 <div id="datepicker"></div>

正确加载所有javascript依赖项。 Jquery首先跟随Angular和其他所有人。在我的索引结束时，我有：

<script>
  $(document).ready(function () {
    $("#datepicker").datepicker({todayHighlight: true, autoclose: true});
  });
</script>

现在登陆索引页面后，我导航到包含datepicker div的页面，它是空的，就好像init脚本从未执行过一样。但是，当我对页面进行完全刷新时，它将被执行并出现datepicker。造成这种异常的原因是什么？如果我将我的datepicker div移动到索引，那么它总是被初始化并且有效，但不会在使用缓存模板的第一次初始加载时使用。