0

angular 2でhelloテキストの簡単なプログラムを作成しました。そのプログラムを作成できますが、理解に問題がありますか?

ここに私のコードがあります http://plnkr.co/edit/BPdzCZeXbyzQrgmLzO86?p=preview

  • インポートがキーワードes6であることは知っていますが、それが定義されているファイル.Browserは（ documnet.getElementByID （）） のようなJavaスクリプトのみを理解します

    「angular2/core」から {Component} をインポートします

  • 「angular2/core」ファイルはどこにありますか? このファイルは 、「angular2/platform/browser」から {bootstrap} をインポートします。

  • ブラウザはjavascriptファイルを知っています.今、.tsまたはtypescriptファイルを使用しています.このファイルは、ブラウザをロードする前に.tsを.jsファイルにトランスコンパイルするために使用されます.

よくわかりませんが、このコードは.tsファイルを.jsファイルに変換するために何かをしていると思います.このコードが.jsファイルをトランスコンパイルするために使用しているファイルを知る必要がありますか?

 <script>
      System.config({
        transpiler: 'typescript', 
        typescriptOptions: { emitDecoratorMetadata: true }, 
        packages: {'app': {defaultExtension: 'ts'}} 
      });
      System.import('app/boot')
            .then(null, console.error.bind(console));
    </script>

すべてのアップデート ？

4

1 に答える 1

1

  1. TypeScript ( .ts ) から JavaScript ( .js ) への変換は、2 つの方法で行うことができます。最初に (最善 | 推奨) は、tsc、gulp、grunt を使用してローカルで行うことです... このプロセスを通じて、ターゲット出力 (ES5)、モジュール タイプ (system または commonjs) などのオプションを定義します... この変換の結果が生成されます。 js ファイル。2番目の方法は、トランスパイラーを使用して（スクリプトタグに含めて）、そのプロセスをその場で実行することです。これは、デモを行うのに非常に便利です (たとえば、Plunker で)。

  2. Import および Export キーワードは ( es6 ) からのもので、TypeScript にも実装されています。Import と Export を使用する場合は、クライアントで SystemJS や Webpack (またはその他) などのローダーを使用する必要があります。ローダーがないと無理です。

  3. 「angular2/core」または「angular2/http」からのインポートは、TypeScript 定義ファイルを表す d.ts ファイルを通じて編集者に知られています。このファイルは、特定の js ライブラリのインターフェイス (エクスポートされたメソッド、クラス、変数...) を表します。IDE がスクリプトから利用可能なものを認識するのに役立ちます。

これがお役に立てば幸いです:)

于 2016-01-14T07:57:44.200 に答える