Question

我需要为我的html页面定义只在变量$scope.jsallowed设置为true时才加载javascript外部文件，所以我尝试了这段代码:(我的页面基于AngularJS）在html中：

<script src="assets/js/slider.min.js" data-ng-if="jsallowed"></script>

在JS中：

$scope.jsallowed = false;

（请注意，我设置了应用程序和控制器......但我只是包含了您需要的代码。）但问题是，我的javascript文件已加载。虽然它不应该。在将jsallowed变量设置为true之前，如何改进代码以防止加载？

Answer 1

不幸的是，data-ng-if =“jsallowed”将无法完成您正在寻找的技巧。相反，你可以做的是直接在JavaScript文件中异步加载脚本，如下所示：

<script>
var resource = document.createElement('script'); 
resource.src = "assets/js/slider.min.js";
var script = document.getElementsByTagName('script')[0];
script.parentNode.insertBefore(resource, script);
</script>

如果在AngularJS中允许，请包含javascript外部文件

1 个答案: