Zurb Foundation Abide和AngularJS初始化

Question

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

$(document).foundation()

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

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

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

加载视图后的结果：

非常感谢任何帮助，谢谢！

Answer 1

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

Answer 2

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