0

我要定义一个direcriv，代码如下：

var module = ons.bootstrap('my-app', ['onsen','ngSanitize']);

module.directive("dyCompile", ["$compile", function($compile) {
    return {
        restrict: 'EA',
        link: function(scope, elm, iAttrs) {
            var DUMMY_SCOPE = {
                    $destroy: angular.noop
                },
                root = elm,
                childScope,
                destroyChildScope = function() {
                    (childScope || DUMMY_SCOPE).$destroy();
                };

            iAttrs.$observe("html", function(html) {
                destroyChildScope();
                childScope = scope.$new(false);
                var content = $compile(html)(childScope);
                root.replaceWith(content);
                root = content;

                scope.$on("$destroy", destroyChildScope);
            });
        }
    };
}])

HTML是这样的：

<div class="arInfo">
        <dy-compile html="bodyText">
        </dy-compile>
</div>

头是：

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<script src="components/loader.js"></script> 

<script src="./js/jquery-2.1.4.js"></script>

<script src="./js/angular-sanitize.js"></script>
<script src="./js/winstore-jscompat.js"></script>    

<script src="./js/script.js"></script>
<script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/angular-loading-bar/0.7.1/loading-bar.min.js'></script>
<link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/angular-loading-bar/0.7.1/loading-bar.min.css' type='text/css' media='all' />
<link rel="stylesheet" href="components/loader.css">
<link rel="stylesheet" href="css/style.css">    
<link rel="stylesshet" href="components/monaca-onsenui/js/angular/angular-csp.css">

但是当我运行我的应用程序时，出现错误：“错误：[jqLit​​e:nosel] jqLit​​e 不支持通过选择器查找元素！请参阅：http ://docs.angularjs.org/api/angular.element ”

我想这可能是因为加载 angularjs 和 jquery 的顺序不正确，但是如您所见，我先加载 jquery，我真的不知道这是什么原因，有人可以帮助我吗？

4

1 回答 1

1

我没有看到你的“angular.js”负载。它是由“components/loader.js”脚本完成的吗？

在这种情况下，您在加载 jQuery 之前加载“angular.js”，这会导致 jqLit​​e 错误。

将 jQuery 的负载置于 'components/loader.js' 的负载之上

于 2015-11-06T22:17:55.887 回答