0

次のように、コードをディレクリブに定義したいと思います。

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">

しかし、アプリを実行すると、次のエラーが表示され ます:

この理由は、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 に答える