为什么这个比你好的世界angularjs应用程序不起作用?

时间:2015-08-05 19:58:42

标签: javascript html angularjs plunker

我正在按照复杂的教程学习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文档中(即它只是将标题中的链接和ng-app添加到body标签中)但它无法正常工作。

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

我无法开始学习angularjs,直到我弄清楚为什么我的代码不起作用,但在我了解更多有关angularjs之前,我无法弄清楚为什么我的代码无效......

2 个答案:

答案 0 :(得分:1)

我正在听同一个视频而且我有同样的问题。我开始使用最新的角度js文件。

然后我尝试使用他正在使用的Angular JS file,然后它运行正常。

答案 1 :(得分:1)

只是想为某人的帮助添加整个程序。

<!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>