为什么简单 Angular hello world 不起作用？

Question

我一直在尝试做一些概念验证，我期待 Plunker 为表达式 {{40/10}} 编写 4，但它从未实现。它出什么问题了？但是我看到 Scott Allen 能够做到这一点。这是我的 plunker link：https://plnkr.co/edit/OTuxWEMmlWObMgGy9o2Z?p=preview

<!DOCTYPE html>
<html>

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

  <body ng-app>
    <h1>Hello Plunker!</h1>
    {{40/10}}
  </body>

</html>

Answer 1

您在使用 angular1 指令 ng-app 时 linking 到 angular2。

这是一个 link 的工作 plnkr link

<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@*" data-semver="2.0.0"
    src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app>
    <h1>Hello Plunker!</h1>
    {{ 40/10 }}
  </body>

</html>

Angular 2 是对 angular1 的完全重新设计，因此在 Angular 1 中工作的代码在 Angular 2.

中不起作用

Answer 2

这是因为你导入的脚本是Angular 2.如果你导入Angular1.x.x，你的例子就可以了。

<!DOCTYPE html>
<html>

  <head>
    <script src="https://code.angularjs.org/1.5.0/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app>
    <h1>Hello Plunker!</h1>
    {{ 40/10 }}
  </body>

</html>

如果你想学习如何使用Angular 2，看看他们的website。

为什么简单 Angular hello world 不起作用？

Why simple Angular hello world is not working?

angularjs

plunker