为什么这个 easier-than-hello-world angularjs 应用程序不工作？

Question

我正在按照 pluralsight 教程学习 angularjs，但我已经卡在第一个视频上了。

教程使用plunker，这里是link to my code

<!DOCTYPE html>
<html>

  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app>
    <h1>Hello Plunker!</h1>
    {{ 843 / 42 }}
  </body>

</html>

我按照说明操作，单击按钮将 angularjs 添加到我的 html 文档（即它只是在 header 中添加 link 和 ng-app 到 body 标签），但它不起作用。

在视频中，他键入 {{ 843 / 42 }} 并打印到页面 20.07.... 而我的只是打印 {{ 843 / 42 }}.

我无法开始学习 angularjs 直到我弄清楚为什么我的代码不起作用，但是我无法弄清楚为什么我的代码不起作用直到我了解更多关于 angularjs...

Answer 1

我正在听同一个视频，但遇到了同样的问题。我开始使用最新的 angular js 文件。

然后我尝试使用他正在使用的相同 Angular JS file 然后它工作正常。

Answer 2

只是想添加整个程序以寻求某人的帮助。

<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@1.3.0" data-semver="1.3.0"
        src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app>
    {{ 8/4 }}
  </body>

</html>

为什么这个 easier-than-hello-world angularjs 应用程序不工作？

Why is this easier-than-hello-world angularjs application not working?

javascript

html

angularjs

plunker