我同时使用AngularJS和Foundation。
要初始化Foundation JS,您必须进行以下调用:
$(document).foundation();
在AngularJS应用程序中进行此调用的最佳方法是什么?代码示例将不胜感激。
另外,如果我要围绕Foundation JS组件编写指令,那么如何确保Foundation已初始化?
您可以$apply编写代码以将其引入Angular框架。这是一个使用$rootScopewith 的示例,run也可以使用any在控制器/指令内部完成此操作$scope:
$apply
$rootScope
run
$scope
app.run(function($rootScope){ $rootScope.$apply($(document).foundation()); });
另外的选择::
$compile($(document).foundation())($scope);
确保将$compile服务包含在控制器/指令中,以这种方式使用。例如:
$compile
app.directive('mydirective', function($compile) { return { link: function(scope, element, attrs) { $compile($(document).foundation())(scope); } } });