问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

angular这样写为什么会报错？

头像
cute_girl
    1.5k21227320

    我已经在main.js里面定义了App,后面在controller里面用就会报错？

    clipboard.png

    clipboard.png

    但是这样写就不会报错，这是为什么呢，不会重复定义吗？

    clipboard.png

    ----------------------------报错信息-------------------

    clipboard.png

    clipboard.png

    ----------------------------根本问题----------------------------
    用的懒加载，刚进页面就加载main.js了，点击路由才加载controller.js，所以顺序应该没什么问题，而且只要把controller.js里的App改成angular.module('App')就不报错了，不知道是为什么？因为main.js里面用App是可以的

    clipboard.png

    javascriptangularjs
    阅读 3.6k
    5 个回答
    得票最新
    头像
    jtcba12
      2112815
      ✓ 已被采纳
      angular.module('APP',[])
//创建了APP的module

angular.module('APP')
//获取APP的module
      头像
      hack_qtxz
        2.6k21525

        App 不是全局变量 如果想在其他文件中访问App 可以把 App 注册为全局变量 window.App = App

        头像
        熊丸子
          5.6k3927

          报什么错贴出来，另外，看看是不是controller.js比main.js早引入了？

          头像
          hold_baby
            3k54982

            clipboard.png
            我把我的贴出来 你参考下 我是没有问题的

            头像
            一天前
              1969

              我是这样出现你那种报错的，看代码
              这是index.html

              <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="js/angular.js"></script>
    <script type="text/javascript" src="js/controller.js"></script> 和下面的换一下就不会报错
    <script type="text/javascript" src="js/main.js"></script>
    
</head>
<body>
<div ng-app="App" ng-controller="AppController">
    <input type="text" ng-model="text">
    <span>{{text}}</span>
</div>        
</body>
</html>

              这mian.js

              var App = angular.module("App",[]);

              这是controller.js

              App.controller("AppController",function($scope){
  $scope.text="ee";
});

              报错信息

              图片描述

              撰写回答
              你尚未登录，登录后可以
              • 和开发者交流问题的细节
              • 关注并接收问题和回答的更新提醒
              • 参与内容的编辑和改进，让解决方法与时俱进
              推荐问题