2017-04-25 9 views
0

環境を設定せずに下記の簡単なコードを実行したいだけですが、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); 
}) 

答えて

0

ないのはなぜあなたが角度の古いバージョンで作業していて、見ていることを確認のためのコードはあります次の記事(https://daveceddia.com/angular-2-in-plain-js/)で、角を持つプレーンJavaScriptを使用しています。

構文は、あなたがポストを示したようにノードモジュールをインストールするかのようなCDNのURLを使用することができますいずれかng.core.Component

のようなグローバルの使用に変更されました:

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

+0

を私はインストールする必要がありますか単純なAngular2プログラムを実行するにはNode.jsとNPM? –

+0

いいえ、スクリプトセクションのURLは、 ' '。バージョンが一致することを確認します。 – Chandermani

+0

こんにちは、私は同じことをしましたが、まだそれは動作していません。あなたは助けてもらえますか?または上記の要件を満たすために正しいコードを送ってください。 –

関連する問題