Как сделать тег сценария применимым к определенному элементу, но не к другим

0

Я работаю над проектом, который требует двух файлов angularjs, textAngular-sanitize и угловой-санитарии. Когда оба этих файла загружаются в верхний или нижний колонтитул, часть документа, требующая загруженного вначале файла, будет работать, однако элемент, для которого требуется файл, загруженный после первого прекращения работы. Т.е. когда сначала выполняется угловая санизация, тогда элемент, зависящий от textAngular, перестает работать, тогда как если сначала загружается файл textAangular, то элемент угловой санитизации перестает работать. Вероятно, это связано с тем, что оба файла загружаются и запускаются по всему документу. Есть ли способ ограничить "область" одного из файлов только одним элементом на странице, чтобы оба сценария могли работать без вмешательства друг в друга?

Или, может быть, существует альтернативный способ загрузки внешних скриптов, отличных от <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>
  • 0
    это не должно происходить, если 2 не перекрывают друг друга. ты можешь сделать вантуз?
Теги:
frontend

2 ответа

1

Не уверен, что понял вашу проблему, но если вы ищете что-то для загрузки внешних файлов с контроллеров или вашего маршрутизатора, попробуйте ocLazyLoad: https://oclazyload.readme.io/docs

0

Какой бэкэнд вы используете? PHP? Затем я бы поставил в тег скрипта значение правильного файла в зависимости?

Или вы не можете использовать 2 разных ng-контроллера?

<div ng-controller="textAngular ">

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

Ещё вопросы

Сообщество Overcoder
Наверх
Меню