一尘不染

AngularJS:初始化ZURB Foundation JS

angularjs

我同时使用AngularJS和Foundation。

要初始化Foundation JS,您必须进行以下调用:

$(document).foundation();

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

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


阅读 183

收藏
2020-07-04

共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);
        }
    }
});
2020-07-04