AngularJS：初始化ZURB Foundation JS

Question

我同时使用AngularJS和Foundation。

要初始化Foundation JS，您必须进行以下调用：

$(document).foundation();

在AngularJS应用程序中进行此调用的最佳方法是什么？代码示例将不胜感激。

另外，如果我要围绕Foundation JS组件编写指令，那么如何确保Foundation已初始化？

Answer 1

您可以$apply编写代码以将其引入Angular框架。这是一个使用$rootScopewith
的示例，run也可以使用any在控制器/指令内部完成此操作$scope：

app.run(function($rootScope){
    $rootScope.$apply($(document).foundation());
});

另外的选择：：

$compile($(document).foundation())($scope);

确保将$compile服务包含在控制器/指令中，以这种方式使用。例如：

app.directive('mydirective', function($compile) {
    return {
        link: function(scope, element, attrs) {
            $compile($(document).foundation())(scope);
        }
    }
});