简单的应用程序 - 未定义角度



我刚刚开始学习javascript和angularjs

https://thinkster.io/mean-stack-tutorial

我设置了一个基本的 IntelliJ javascript 项目并创建了以下文件

索引.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>My Angular App!</title>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.10/angular.min.js"></script>
        <script src="app.js"></script>
    </head>
    <body ng-app="HelloWorld" ng-controller="MainCtrl">
        <div>
            {{test}}
        </div>
    </body>
</html>

和应用程序.js

var app = angular.module('HelloWorld', []);
app.controller('MainCtrl', [
  '$scope',
  function($scope){
    $scope.test = 'Hello world!';
  }]);

但是当我尝试运行程序时,我不断收到"参考错误:角度未定义"。搜索本网站上的其他问题,大多数答案都涉及

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.10/angular.min.js">

app.js启动后调用的行,我认为这不是这里的问题。谁能为一个完整的初学者提供一些见解?

我想

直接发表评论,但我不够高级用户......所以我就去这里!

yarons 的意思是,在您的浏览器中使用开发人员应用程序(请不要使用 IE),并在控制台和运行 Node 应用程序的控制台中检查输出。

这里有两个建议:

    应用程序中
  1. 的依赖项设置是否正确?检查您的package.json文件,找到角度标签并检查是否有可能是版本冲突。
  2. 从/node-modules/angular 中复制以下文件/public/libs/angular 并将索引中的脚本引用设置为 .html
    • 棱角分明.js
    • Angular.min.js.map
    • 角度-CSP.css

<script type="text/javascript" src="libs/angular/angular.min.js"></script>

请注意,最常见的方法是使用 CDN 中的库,但有理由将它们保留在本地......

最新更新