angular 2 中的导入文件问题

Question

我在 angular 2 中制作了一个简单的 hello 文本程序。我能够制作该程序，但我理解有问题？

这是我的代码 http://plnkr.co/edit/BPdzCZeXbyzQrgmLzO86?p=preview

我知道import是一个关键字es6但是它是在哪个文件上定义的。浏览器只能理解java 脚本如 (documnet.getElementByID()) 浏览器如何理解 import。在哪个文件导入定义？

从 'angular2/core'
'angular2/core' 文件在哪里？同样这个文件在哪里 从 'angular2/platform/browser'
浏览器知道 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>

有更新吗？

Answer 1

从 TypeScript ( .ts ) 转换为 JavaScript ( .js ) 可以通过两种方式完成。首先（最佳 | 推荐）是使用 tsc、gulp、grunt 在本地执行此操作...通过此过程，您可以定义目标输出 (ES5)、模块类型（system 或 commonjs）等选项...结果转换生成.js 文件。第二种方法是使用转译器（将其包含在脚本标签中），并即时执行该过程。这对于演示东西非常方便（例如在 Plunker 中）
Import 和 Export 关键字来自 ( es6 )，它们也在 TypeScript 中实现。如果您使用 Import 和 Export，则必须在客户端上使用 SystemJS 或 Webpack（或任何其他）之类的加载程序。没有装载机，这是不可能的。
从 "angular2/core" 或 "angular2/http" 导入是编辑器通过 d.ts 文件知道的，这些文件代表 TypeScript 定义文件。此文件代表特定 js 库的接口（导出的方法、类、变量...）。它可以帮助您 IDE 识别脚本中可用的内容。

希望对您有所帮助:)

angular 2 中的导入文件问题

Import file issue in angular 2

angularjs-scope

angular2-template

angular2-routing

angular