javascript - 如何在 ng-include Angular JS 中使用 Foundation CSS Calendar

Question

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

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

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

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

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

如何初始化 ng-include 中的元素从 Controller 查看并使其工作？

我的应用程序包含 JQuery 库。是在任何地方停止吗？另外，我不想在我的应用程序中包含 Bootstrap，因为它已经重载了。

提前致谢。

Answer 1

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

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

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