Совместимость с Angular ngSanitize/ngDragDrop

Итак, я работаю над приложением Angular, и у меня возникли проблемы с совместимостью между ngSanitize и ngDragDrop. ngDragDrop можно найти по адресу http://ganarajpr.github.io/angular-dragdrop/ и ngSanitize на https://docs.angularjs.org/api/ngSanitize/service/$sanitize .

В тот момент, когда я включаю ngSanitize в свой модуль приложения, угловой код полностью перестает работать.

У меня есть тестовый файл с именем compatibility.html.

<!DOCTYPE html>
<html ng-app="MyApp">
<head>
    <meta charset='utf-8'>

    <script src="compatibility.js"></script>
    <script src="angular/angular.min.js"></script>
    <script src="angular-resource/angular-resource.min.js"></script>
    <script src="angular/angular-sanitize.min.js"></script>
    <script src="angular/draganddrop.js"></script>

</head>

<body>

    {{3+1}}

</body>

</html>

И еще один называется compatibility.js

var app = angular.module("MyApp", ["ngDragDrop","ngSanitize"]);

app.controller("Controller", [ '$scope', '$sce', function($scope, $sce) {

}]);

У меня нет ни малейшего представления, почему он не работает, и я не уверен, что делать. Предположительно, вычисление {{3+1}} должно возвращать 4 при запуске кода, но это не так. Я работал с ngSanitize и ngDragDrop по отдельности, и проблема проявляется только тогда, когда я пытаюсь использовать оба одновременно.


person Maria C.S.    schedule 19.08.2014    source источник


Ответы (1)


Попробуйте переместить файл compatibility.js вниз, чтобы он находился под файлом angular.min.js.

Или просто поместите его внизу, вот так:

<script src="angular/angular.min.js"></script>
<script src="angular-resource/angular-resource.min.js"></script>
<script src="angular/angular-sanitize.min.js"></script>
<script src="angular/draganddrop.js"></script>
<script src="compatibility.js"></script>

PS. Я не думаю, что есть какие-то проблемы с совместимостью.

person runTarm    schedule 19.08.2014