angularjs - Zurb 基金会遵守和 AngularJS 初始化

Question

我同时使用 AngularJS 和 Zurb Foundation。要初始化 Foundation，您必须进行以下调用：

$(document).foundation()

但是，当您使用 angularjs 加载新视图时，基础 js 不再工作，您需要再次重新初始化 Foundation，我已经这样做了：

app.run ($rootScope)=>
  $rootScope.$on '$viewContentLoaded', ()=>
    $(document).foundation()

加载第一个视图时，Abide 可以工作，但是当使用 $routeprovider 加载另一个视图时，它不再工作了。预期结果：

在此处输入图像描述

加载视图后的结果：

在此处输入图像描述

任何帮助将不胜感激，谢谢！

score 1 · Accepted Answer

最好的选择是将 Foundation 插件包装在 angular 指令中或仅使用框架提供的 CSS/SASS。我发现的解决方法是在 AngularJS 视图中包含插件脚本。无论哪种方式，AngularJs 和 Zurb Foundation 都不能很好地协同工作。

score 0 · Accepted Answer

最常见的做法是创建一个角度指令并在link回调中调用您的第三方 DOM 操作代码

2 回答 2