Question

我是Angular JS的新手，尝试在Calculations上开发很少的应用程序。我的代码如下“

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <script src="scripts/angular.js"></script>
    <script src="scripts/angular-route.js"></script>
</head>
<body>
    <div ng-app="Calculator">
        <div ng-controller="Operations">
            <div>
                Number 1 : <input type="number" ng-model="Number1" />
                Number 2: <input type="number" ng-model="Number2" />
                <p>
                    The addition of above two numbers is {{Number1+Number2}}
                </p>
            </div>

        </div>
    </div>
    <script>
        var module = angular.module('Calculator', []);
        module.controller('Operations', function ($scope) {
            $scope.Number1 = 1;
            $scope.Number2 = 10;
        });
    </script>
</body>
</html>

我的My project中有Javascripts文件，当我运行应用程序时，浏览器控制台指示JS没有加载。不知道为什么！表达式{{Number1 + Number2}}在浏览器中是相同的。它没有执行表达式

浏览器控制台有以下错误：

无法加载资源：“服务器响应脚本文件的路径”   状态404（未找到）

无法加载资源：“服务器响应脚本文件的路径”   状态404（未找到）

未捕获的ReferenceError：未定义角度

Answer 1

<script src="scripts/angular.js"></script>
<script src="scripts/angular-route.js"></script>

您没有正确加载angular.js和angular-route.js，请检查您的路径。

Answer 2

您的项目结构必须看起来像

index.html
scripts
    |---angular.js
    |---angular-route.js

如果您使用

<script src="scripts/angular.js"></script>
<script src="scripts/angular-route.js"></script>

Answer 3

<script src="/scripts/angular.js"></script>
<script src="/scripts/angular-route.js"></script>

请注意，如有必要，您可能需要停用广告拦截功能。如果您正在使用HTML页面，那么在Visual Studio中拖放不起作用，但它适用于mvc，asp.netwebforms。我在一小时后想到了这个。

Javascript文件未加载

3 个答案: