包含AngularJS的jQuery.load HTML

Question

我在加载包含AngularJS代码的HTML文件时遇到问题！

这是我的摘录：

page1.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"></meta>
    <meta name="viewport" content="width=device-width, initial-scale=1"></meta>   
    <script src="jquery-2.2.4.min.js"></script>
</head>
<body>        
    <div id="content">
    </div>
    <script>
        $(document).ready(function () {
            $('#content').load('page2.html#body');
        });        
    </script>
</body>
</html>

page2.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"></meta>
    <meta name="viewport" content="width=device-width, initial-scale=1"></meta>
    <script src="angular.min.js"></script>
</head>
<body>
    <div ng-app="myApp" ng-controller="customersCtrl">        
        {{ value }}
    </div>

    <script>
    //<![CDATA[
        var app = angular.module('myApp', []);  
        app.controller('customersCtrl', function($scope) {
            $scope.value = "hello world!";
        });    
    //]]>
    </script>

</body>
</html>

仅page2可以正常工作！ 但是，当我尝试将其加载到page1中时 ，出现以下错误消息：

未捕获的错误：[$ injector：modulerr] http://errors.angularjs.org/1.4.8/ $ injector / modulerr？p0 = myApp＆p1 = Error％3A％2…at HTMLDocument.eval（eval在globalEval（jquery-2.2 .4.min.js：2）、: 294：192）在我（jquery-2.2.4.min.js：2）

Answer 1

Angular需要jQuery才能工作（ 确切地说，它需要jQLite ）。 您也应该在angular.min.js之前将其导入angular.min.js 。

<head>
    <meta charset="utf-8"></meta>
    <meta name="viewport" content="width=device-width, initial-scale=1"></meta>
    <script src="jquery-2.2.4.min.js"></script>
    <script src="angular.min.js"></script>
</head>

包含AngularJS的jQuery.load HTML

问题描述

1 个解决方案

解决方案1
0 已采纳 2017-04-27 12:22:58

包含AngularJS的jQuery.load HTML

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-04-27 12:22:58

解决方案1
0 已采纳 2017-04-27 12:22:58