如何在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" />之类的日期选择器，并初始化了控制器中的元素，如

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

这会初始化元素并使用默认日期设置查找。

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

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

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

提前致谢。

Answer 1

我想出了一个解决这个问题的工作解决方案，在ng-include所包含的每个页面的底部，我提出以下内容：

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

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