javascript - Angular 未定义

标签 javascript angularjs

所以我正在学习 angular,我有一个非常基本的 html 和一个 js 脚本,我不断在 App.js 的第 1 行收到“angular is undefined”。我在 Scripts 文件夹中有所有的 Angular 脚本和我的脚本。我错过了什么?

index.html:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="appMain">
<head>
    <title>{{ Heading }}</title>
</head>
<body ng-controller="homePageViewModel">
    {{ Heading }}
    <button ng-click="SayHello()">Click me</button>

    <script src="Scripts/angular-min.js"></script>
    <script src="Scripts/angular-route.min.js"></script>
    <script src="Scripts/App.js"></script>
</body>
</html>

App.js

    var appMainModule = angular.module('appMain', []);

appMainModule.controller("homePageViewModel", function($scope, $http,     $location){ 
    $scope.Heading = "This is the heading";

    $scope.SayHello = function () {
        alert('Hello');
    }
});

VS 中的文件夹结构:

enter image description here

最佳答案

你的脚本命名错误,应该是这个

<script src="Scripts/angular.min.js"></script>

而不是这个:

<script src="Scripts/angular-min.js"></script>

看看你的文件名,再看看你的脚本名。

关于javascript - Angular 未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31994120/

相关文章:

css - 使用不同数量的子项在 div 上设置动画高度

javascript - 使用 Restangular 比 ngResource 有什么优势?

javascript - 如何根据所有下拉值的测试设置按钮文本?

javascript - Google Chart API 甘特图依赖性问题

javascript - 跨站脚本攻击,麻烦

javascript - 如何显示/隐藏选定的对象,如div?

javascript - 如何呈现一个列表/网格行,就好像它是粘性的?

http - Angular 如何从 http.post 成功返回值?

javascript - Angular 用户界面 Bootstrap : promise resolved/rejected when modal closed

javascript - 检测 Angular JS 中滚动到文档末尾的实现