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

我一直在尝试做一些概念验证，并期待Plunker为{{40/10}}表达式编写4，但它从来没有这样做过。它出什么问题了？不过，我看到斯科特艾伦能够这样做。这里是我的plunker链接：https://plnkr.co/edit/OTuxWEMmlWObMgGy9o2Z?p=preview 为什么简单的Angular hello world不工作？

<!DOCTYPE html> 
<html> 

    <head> 
    <script data-require="[email protected]*" 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>

来源

2016-02-11 Chanchal

你可以发布你指的Scott Allen例子的链接吗？ – Ben

它在这个教程中：https://app.pluralsight.com/player?course=angularjs-get-started&author=scott-allen&name=angularjs-get-started-m1-introduction&clip=2&mode=live – Chanchal

你的东西有问题脚本src的URL，我试着用一个更老的Angular版本的例子，它工作正常 – Chara

这是因为工作您导入的脚本是Angular 2.如果您导入Angular 1.xx，您的示例将起作用。

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

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

来源

2016-02-11 21:01:36 jeerbl

您同时使用angular1指令NG-应用程序链接到angular2。

这里是一个工作plnkr link

<!DOCTYPE html> 
<html> 

    <head> 
    <script data-require="[email protected]*" 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>

角2是从angular1一个完全重新设计的链接，所以在角1个工作代码将不会在角2

来源

2016-02-11 20:59:35

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

回答

相关问题