Angular ngSanitize / ngDragDrop 兼容性

Posted

技术标签:

【中文标题】Angular ngSanitize / ngDragDrop 兼容性【英文标题】:Angular ngSanitize / ngDragDrop compatibility 【发布时间】:2014-10-13 00:21:41 【问题描述】:

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

【问题讨论】:

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

【讨论】:

以上是关于Angular ngSanitize / ngDragDrop 兼容性的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Angular Electron 中加载模块?

Angular指令总结

angularjs 可以加入html标签方法------ng-bind-html的用法总结

使用 ngSanitize 允许某些样式属性

Angular - 用户输入后无法更新文本区域

记一次AngularJs 路由 $stateChangeStart不起作用(细节决定成败)