我們不能在沒有設置環境的情況下運行簡單的Angular2代碼嗎？

我只想運行下面提到的簡單代碼而不設置環境，但它顯示錯誤爲「app.js：5 Uncaught TypeError：angular.ComponentAnnotation不是app.js：5的構造函數」。我們不能在沒有設置環境的情況下運行簡單的Angular2代碼嗎？

這裏是我的index.html代碼

<!doctype html> 
<html> 
<head> 
    <title>My first App</title> 
    <link rel="stylesheet" src="css/main.css" />  
    <script src="https://code.angularjs.org/2.0.0-alpha.20/angular2.sfx.dev.js"></script> 
    <script src="js/app.js"></script> 
</head> 

<body> 
    <mynewTag></mynewTag> 
</body> 
</html>

這裏是你爲什麼對角一個過時版本的工作app.js

function firstApp(){} 
firstApp.annotations = [ 
new angular.ComponentAnnotation({ 

    selector: "mynewTag" 
}), 
new angular.viewAnnotation({ 
    template: "<div><h1>Arun</h1></div>" 
}) 
]; 
document.addEventListener("DOMContentLoaded", function(){ 
angular.bootstrap(firstApp); 
})

來源

2017-04-25 Arun Jha

不知道代碼，但看看在使用普通JavaScript和Angular的文章（https://daveceddia.com/angular-2-in-plain-js/）中。

的語法已與全局的用途變了樣ng.core.Component

您可以安裝節點模塊如圖所示的職務，或者使用CDN網址，如：

https://npmcdn.com/@angular/[email protected]

來源

2017-04-25 11:26:46 Chandermani

我是否需要安裝Node.js和NPM爲了運行一個簡單的Angular2程序？ –

不，腳本部分的網址可以由cdn中的npm替換，如''。確保版本匹配。 – Chandermani

嗨，我做了同樣的，但仍然無法正常工作。你能幫忙嗎？或者，您能否寄給我正確的代碼以便在要求之上運行？ –

我們不能在沒有設置環境的情況下運行簡單的Angular2代碼嗎？

回答

相關問題