javascript - angular 再通过 load 载入的页面 入口模块无法识别？
本文介绍了javascript - angular 再通过 load 载入的页面 入口模块无法识别？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
接手的之前的项目。一个左右分栏的效果，在index.html里面，通过load 方法 载入各个分页面。
现在我想在其中一个子页面里使用angular，在初始化模块的时候angular总是报错找不到入口模块。各位大神能不能帮我找下原因？
分页面代码
<html>
<body class="wysihtml5-supported">
<section class="content-header" ng-app="myApp">
<h1 ng-controller="Aaa">
{{name}}
<small></small>
</h1>
</section>
<script src="angular.js"></script>
<script>
angular.module("myApp",[]).controller("Aaa",['$scope',function($scope){
$scope.name = "出来好吧";
}])
</script>
</body>
</html>
报错信息如下
页面如下
求助怎么才能在这种情况下使用angular？
解决方案
主页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="app.css">
</head>
<body>
<div>用户信息</div>
<div id="angular-content"></div>
<script src="jquery.js"></script>
<script src="angular.js"></script>
<script>
var $container = $('#angular-content');
$container.load('/angular/load.html', function () {
angular.module("myApp",[]).controller("Aaa",['$scope',function($scope){
$scope.name = "出来好吧";
}]);
angular.bootstrap($container,['myApp'])
});
</script>
</body>
</html>
load的页面
<section class="content-header">
<h1 ng-controller="Aaa">
{{name}}
<small></small>
</h1>
</section>
你load的页面不要加什么html、body标签，没有意义的。这里采用动态加载的方式，把相应的js放在主页面里。
这篇关于javascript - angular 再通过 load 载入的页面 入口模块无法识别？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
