Question

我正在开发一个需要两个angularjs文件的项目，textAngular-sanitize和angular-sanitize。当这两个文件都加载到页眉或页脚中时，需要首先加载的文件的文档部分将起作用，但是需要在第一个文件之后加载的文件的元素停止工作。即，首先加载angular-sanitize，然后textAngular依赖元素停止工作，而如果首先加载textAangular文件，则angular-sanitize元素停止工作。这可能是因为两个文件都加载并在整个文档上运行。有没有办法将其中一个文件的“范围”限制在页面上的一个元素上，这样两个脚本都可以运行而不会相互干扰？

或许，是否有另一种加载<script>标签以外的外部脚本的方法？

这是一个正在发生的事情的例子：

<head ng-app="myApp">
    <script src="scripts/textAngular.min.js"></script>
    <script src="scripts/angular-sanitize.min.js"></script>
</head>
    <body ng-controller="MainController" ng-init="initialize()">
        <div id="ngSanitizeElement">
            <!-- This element won't work -->
        </div>
        <div id="textAngularSanitizeElement">
            <!-- This element will work -->
        </div>
</body>

Answer 1

不确定是否了解您的问题，但如果您正在寻找从控制器或路由器加载外部文件的内容，请尝试ocLazyLoad：https://oclazyload.readme.io/docs

Answer 2

你使用哪个后端？ PHP？然后我会在脚本标签中输入正确文件的值取决于？

或者您不能使用2个不同的控制器吗？

<div ng-controller="textAngular ">

<div ng-controlelr="angular-sanitize">

如何将脚本标记应用于某个元素，而不是其他元素

2 个答案: