javascript - angular 再通过 load 载入的页面入口模块无法识别？-PHP中文网问答

微信公众号讲师中心

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

最近更新

搜索

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程

javascript - angular 再通过 load 载入的页面入口模块无法识别？

大家讲道理 2017-04-10 17:14:22

[JavaScript讨论组]

424

接手的之前的项目。一个左右分栏的效果，在index.html里面，通过load 方法载入各个分页面。
现在我想在其中一个子页面里使用angular，在初始化模块的时候angular总是报错找不到入口模块。各位大神能不能帮我找下原因？

分页面代码



  
    
      {{name}}

报错信息如下

页面如下

求助怎么才能在这种情况下使用angular？

大家讲道理

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

全部回复(3)

天蓬老师2017-04-10 17:16:22 3楼

主页面

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

赞 +0

添加回复

PHP中文网2017-04-10 17:16:22 2楼

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

赞 +0

添加回复