datepicker 不能在带有 bootstrap-datepicker 的 ng-view 中工作答案

【问题标题】：datepicker not working inside ng-view with bootstrap-datepickerdatepicker 不能在带有 bootstrap-datepicker 的 ng-view 中工作
【发布时间】：2014-07-24 06:08:10
【问题描述】：

我正在尝试实现 eternicode 开发的 datepicker 插件，但我在使用 ng-view 时遇到了一些障碍。

我发现了类似的案例，但没有一个帮助我解决这个问题（例如 routeProvider 中的控制器）：

当我的日期选择器在 index.html 中时，它可以正常工作，但是当我使用模板视图时，日历不会弹出。

这里有一个 plunkr 来说明这个案例：plunkr

<div ng-view></div>

  <div class="container">
      <div class="col-lg-2">
          <div class="input-group date">
              <input type="text" class="form-control"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
          </div>
      </div>
  </div>

【问题讨论】：

标签： jquery angularjs twitter-bootstrap datepicker bootstrap-datepicker

【解决方案1】：

在你的index.html文件底部运行js的时候，还没有加载视图。

我将插件代码初始化代码移动到控制器中，以证明如果代码在视图加载后执行，它将起作用。您可能需要重新考虑如何设置您的应用。

Plunker：http://plnkr.co/edit/PDX500tp5QgcjIMIbig1?p=preview

更新：改用指令：http://plnkr.co/edit/LVKHkmNrTS2Ki7uP8Hgj?p=preview

【讨论】：

奇怪的是，这在视图中效果很好，但当我将它嵌入到由指令定义的元素中时就不行了。如果我用<div ng-controller=MainCtrl> </div> 包装模板，它可以工作，但所有其他功能都被关闭。你如何在你的 plnkr 中定义一个指令？当我执行app.directive('element')...时它不起作用...
你能提供一个更新的..plunker，这样我就能明白你的意思了。然后我会更新答案。
我更新了答案并链接到另一个演示使用指令的 plunker。
非常感谢。由于您的回答和一些解决方法，我终于设法使其在我的应用程序结构中工作。不知何故，它不能正常工作：我在一个指令中有 2 个日期选择器，该指令在另一个指令中。我一直在使用 ng-if 来显示日期选择器元素，但是弹出窗口不起作用。我尝试了 ng-show，然后它成功了！
非常感谢...很好的例子和精湛的解释，继续做好工作。