角2 es6教程

Question

我想学习角2，我没有找到任何完整的教程，我试图在网上搜索，但没有严重的…

有没有人知道一个完整的指南来认真学习它？注意es6版本。

Answer 1

TypeScript和ES6的主要区别是：

• 不能使用强键入
• 不能将装饰器用于属性和方法参数。

第二点是“最烦人”的地方，因为它允许您配置依赖注入之类的内容，并与组件模板的DOM元素链接。没有第二次，你就不能利用类型检查.

我不认为您会找到一个关于如何将Angular2与ES6结合使用的全面教程。但只有几个文件。所以你需要猜测如何“翻译”事物。在这个级别上，一个文档可以在这个级别上帮助您：

• https://angular.io/docs/ts/latest/cookbook/ts-to-js.html#!#dependency-injection

虽然正确的列是ES5特定的，但它可以为您提供有趣的提示，以便将TypeScript代码转换为ES6代码。

以下是样品：

• 依赖注入 要翻译这一点： 构造函数(@Inject(‘test’) test，service:SomeService) {} 您可以在“Injecwiththe@Injection”部分中看到parameters属性： 构造函数(test，service) {}获取参数(){返回['test'，SomeService]；}
• @ViewChildren 要翻译这一点： @Component({ (.) })导出类TestComp { @ViewChildren(HeroComponent) heroCmps:QueryList；} 根据“查询解码器”部分，您可以使用@Component装饰器的@Component条目： @组件({(.)查询：{ heroCmps:新建ng.core.ViewChildren( HeroComponent) })导出类TestComp {}

这些文章也会让你感兴趣：

• https://medium.com/@blacksonic86/angular-2-dependency-injection-in-es6-f5551a3d6bf#.dz7jz5ro9
• https://medium.com/@euphocat/angular2-router-in-es6-7-and-dependency-injection-b96944c3ba2e#.7xqvc5hlz