Question

我一直试图做一些概念验证，我期待Plunker为表达式4写{{40/10}}，但它从未这样做过。它出什么问题了？但是我看到Scott Allen能够这样做。这是我的plunker链接：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

这是因为您导入的脚本是Angular 2.如果导入Angular 1.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。

Answer 2

使用angular1指令ng-app时，您将链接到angular2。

这是指向正在运行的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中不起作用。

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

2 个答案: