Angular 2 es6教程

时间:2016-05-23 10:55:33

标签: angular ecmascript-6

我想学习角度2,我没有找到任何完全教程 我试着在网上搜索但没有认真对待......

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

1 个答案:

答案 0 :(得分:2)

TypeScript和ES6之间的主要区别是:

  • 您无法使用强类型
  • 您不能将装饰器用于属性和方法参数。

第二点是"大多数"烦人,因为它允许您配置依赖注入和链接与组件模板的DOM元素之类的事情。没有第二个,你就不能利用类型检查...

我不认为您会找到有关如何将Angular2与ES6配合使用的全面教程。但只有文件。所以你需要猜测如何翻译"的东西。在这个级别,文档可以帮助您达到这个级别:

虽然右列是特定于ES5的,但它可以为您提供有趣的提示,将TypeScript代码转换为ES6代码。

以下是样本:

  • 依赖注入

    翻译这个:

    constructor(@Inject('test') test, service:SomeService) {}
    

    你可以在"注射@Inject装饰器"中看到parameters属性。部分:

    constructor(test, service) {}
    
    get parameters() {
      return [['test', SomeService]];
    }
    
  • <强> @ViewChildren

    翻译这个:

    @Component({
      (...)
    })
    export class TestComp {
      @ViewChildren(HeroComponent)
      heroCmps:QueryList<HeroComponent>;
    }
    

    根据&#34;查询装饰器&#34;部分,您可以使用queries装饰器的@Component条目:

    @Component({
      (...)
      queries: {
        heroCmps: new ng.core.ViewChildren(
                HeroComponent)
    })
    export class TestComp {
    }
    

这些文章也会让您感兴趣: