Community
Learn
Tools Library
AI Tools
Leisure
search
English
javascript - angular 再通过 load 载入的页面 入口模块无法识别？
大家讲道理
大家讲道理 2017-04-10 17:14:22
0
3
227

接手的之前的项目。一个左右分栏的效果，在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？

大家讲道理
大家讲道理

光阴似箭催人老，日月如移越少年。

reply all(3)
Peter_Zhu
Peter_Zhu2017-04-10 17:16:22 3 floor

主页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="app.css">
</head>
<body>
<p>用户信息</p>
<p id="angular-content"></p>

<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放在主页面里。

Like +0
Add Reply
Ty80
Ty802017-04-10 17:16:22 2 floor 
<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",function($scope){
          $scope.name = "出来好吧";
      })
  </script>
</body>
Like +0
Add Reply
阿神
阿神2017-04-10 17:16:22 1 floor

把两个<script></script>标签放在<head></head>里试试。写法上好像没什么问题，但是错误确实说的是你没声明myApp模块。

Like +0
Add Reply
Popular Topics
More>
Popular Articles
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template