爲什麼簡單的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不工作？

回答

相關問題