如何在 ng-include Angular JS 中使用 Foundation CSS 日历答案

【问题标题】：How to use Foundation CSS Calendar Inside ng-include Angular JS如何在 ng-include Angular JS 中使用 Foundation CSS 日历
【发布时间】：2016-09-14 07:02:29
【问题描述】：

我需要在我的 AngularJS 应用程序中使用 Foundation CSS 日历。我在我的项目中包含了 foundation-datepicker.min.js 和 foundation-datepicker.min.css，并从我的 index.html 中引用了它们。

在我的 .html 页面中，我使用了日期选择器，如 <input type="text" class="span2 dp1" />，并初始化了控制器中的元素，如

$('.dp1').fdatepicker({
   initialDate: '02-12-1989',
   format: 'mm-dd-yyyy',
   disableDblClickSelection: true
});

这会初始化元素并使用默认日期集进行查找。

但是当我在使用ng-include 包含的视图中使用相同的输入元素时，它不会被初始化。它显示了一个没有设置默认值的空输入字段。

如何从控制器初始化ng-include 视图中的元素并使其工作？

我的应用程序包含 JQuery 库。是不是停在任何地方。此外，我不想在我的应用程序中包含 Bootstrap，因为它已经超载。

提前致谢。

【问题讨论】：

我有同样的行为，听起来 onLoad 不是用 ng-include 调用的。你找到解决办法了吗？

标签： javascript angularjs angularjs-directive datepicker zurb-foundation

【解决方案1】：

我想出了一个可行的解决方案来解决这个问题，在ng-include 包含的每个页面的底部我都写了以下内容：

<script>
  $(document).foundation();
</script>

它启动基础内部以使用 CSS 加载必要的 JS 代码。

【讨论】：