2016-05-20 8 views
0

このようなAngularjs 2.0のtypescriptを使用した例をお聞かせください。単純なangularjs 2.0 typescriptを使用した例

私は何を試しましたか?

私はちょうどAngularJS 2.0+typescriptを始めています、(以下plunkerリンクでいくつかの問題よりも多くがあり、私は確信しています)私のindex.htmlを提供し、残りをplunkerます。

<html> 
    <head> 
    <title>Angular 2 Todo</title> 
    <script src="https://code.angularjs.org/tools/system.js"></script> 
    <script src="https://code.angularjs.org/tools/typescript.js"></script> 
    <script src="https://code.angularjs.org/2.0.0-beta.9/angular2.min.js"></script> 
    <script> 
    System.config({ 
     transpiler: 'typescript', 
     typescriptOptions: {emitDecoratorMetadata: true}, 
     packages: {app: {defaultExtension: 'ts'}} 
    }); 
    System.import('app'); 
    </script> 
    </head> 
    <body> 
    <app>Loading</app> 
    </body> 
</html> 

Plunker Link

+1

は何問題? –

+0

@GünterZöchbauerそれは実行されません...私のplunkerを訪問してください... –

+1

Plunkerで 'New> AngularJS> 2.0.x(TS)'を使用して、最新のAngularバージョンを持つ実行中のPlunkerを取得してください(beta.9は時代遅れです)。 –

答えて

2

あなたは

<script src="https://code.angularjs.org/2.0.0-beta.9/angular2.min.js"></script>を使用しますが、RCの構文を使用してディレクティブをインポートしている'@angular/common';

ここでは、スタートのためのrc.1とシンプルplunkerです:Plunker

+0

OMG!ありがとうございました...そのトリックでした。 –

関連する問題