Javascript 角度JS不显示在HTML页面中_Javascript_Html_Angularjs

Javascript 角度JS不显示在HTML页面中

javascript html angularjs

Javascript 角度JS不显示在HTML页面中,javascript,html,angularjs,Javascript,Html,Angularjs,我知道这个问题肯定会被问很多。但老实说，我不确定我做错了什么，我找到的解决方案似乎也不起作用作为参考，我将遵循本教程：无论如何。我正在制作一个简单的angular应用程序，让您输入两个值并返回结果。我还在HTML代码的底部添加了一个小测试程序，以检查我的javascript文件中是否存在问题。我已经检查了脚本标记中的引用，并确保它们是正确的，所有文件也都在同一个目录中。我已经构建了控制器、模块，并在HTML代码中引用了它们。但由于某种原因，当我加载索引页面时，它根本无法识别角度代码部分。我

我知道这个问题肯定会被问很多。但老实说，我不确定我做错了什么，我找到的解决方案似乎也不起作用

作为参考，我将遵循本教程：

无论如何。我正在制作一个简单的angular应用程序，让您输入两个值并返回结果。我还在HTML代码的底部添加了一个小测试程序，以检查我的javascript文件中是否存在问题。我已经检查了脚本标记中的引用，并确保它们是正确的，所有文件也都在同一个目录中。我已经构建了控制器、模块，并在HTML代码中引用了它们。但由于某种原因，当我加载索引页面时，它根本无法识别角度代码部分。我的代码如下：

HTML:

图片：

我试着将“ng应用程序”移动到HTML文件中代码的不同部分，只是随便乱翻，运气不好

导师在这里也有一套完整的代码：即使我一字不差地复制了这段代码，它也不起作用。我的电脑可能有问题吗？作为参考，我使用Atom文本编辑器和google chrome作为我的浏览器。我用其他浏览器测试了它，得到了同样的结果

如有任何解释，将不胜感激。提前谢谢

只需将此脚本放在头部顶部即可。Angular JS CDN应该始终位于java脚本文件之前的顶部

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

而不是这个命令,

<head>
  <title>Angular Practice Page</title>
  <script src="script.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
</head>


角度练习页

将脚本文件的顺序更改为此。这肯定会奏效的

<head>
   <title>Angular Practice Page</title>
   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
   <script src="script.js"></script>
</head>


角度练习页

包括顶部的角度。因为脚本引用了

angular

，在执行

script.js

时不会加载该引用

使用输入类型

number

代替文本。因为，

text

字段为您提供字符串值，从而导致字符串串联而不是算术运算

var-app1=angular.module（'app1'，[]）；
附件1.控制器（'ctrl1'，功能（$scope）{
$scope.first=1；
$scope.second=1；
$scope.updateValue=函数（）{
$scope.calculation=$scope.first++'+'+$scope.second+
“=”+（$scope.first+$scope.second）；
};
});

角度练习页
计算：
总和



{{计算}}

5 + 5 = {{5+5}}

首先要看的是浏览器控制台中抛出了哪些错误？我想您在angular.js库之前包含的问题，将其放在头中导入的script.js
和angular的切换顺序之后？哇，我不敢相信这是我犯的唯一错误。谢谢你的帮助！
<head>
  <title>Angular Practice Page</title>
  <script src="script.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
</head>

<head>
   <title>Angular Practice Page</title>
   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
   <script src="script.js"></script>
</head>