Angular ngSanitize / ngDragDrop 兼容性答案

【问题标题】：Angular ngSanitize / ngDragDrop compatibilityAngular ngSanitize / ngDragDrop 兼容性
【发布时间】：2026-01-26 19:05:02
【问题描述】：

所以，我正在开发一个 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，只有当我尝试同时使用两者时才会出现问题。

【问题讨论】：

标签： angularjs drag-and-drop draggable compatibility ngsanitize

【解决方案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。我认为没有任何兼容性问题。

【讨论】：