Angular2注射剤はありますか？

Question

私はes6、typescript、Angular2の新機能を使用しています。私はディレクティブの例を試しました。それは

import { Directive, ElementRef, Input, Renderer } from '@angular/core'; 

@Directive({ selector: '[myHighlight]' }) 

export class HighlightDirective { 
    constructor() { 

    console.log(new ElementRef()) 
     //renderer.setElementStyle(el.nativeElement, 'backgroundColor', 'green'); 
    } 
} 

もこれを試してみました。..

import { Directive, ElementRef, Input, Renderer } from '@angular/core'; 

@Directive({ selector: '[myHighlight]' }) 

export class HighlightDirective { 
    constructor(ElementRef, Renderer) { 

    console.log(new ElementRef()) 
     //renderer.setElementStyle(el.nativeElement, 'backgroundColor', 'green'); 
    } 
} 

私は.. ..

import { Directive, ElementRef, Input, Renderer } from '@angular/core'; 

@Directive({ selector: '[myHighlight]' }) 

export class HighlightDirective { 
    constructor(el: ElementRef, renderer: Renderer) { 
     renderer.setElementStyle(el.nativeElement, 'backgroundColor', 'green'); 
    } 
} 

に従い、私は変種以下試してみましたように見えますが、私は期待どおりに動作しませんでしたel：ElementRefの構文と通常のオブジェクトインスタンスの作成はnew ElementrRef ..これらの違いとそれらの背後にある論理を説明してください。el：ElementRef関係とそれに相当するものは、通常のものとes6 jsです。

Answer 1

これは角度2依存性注入。要約すると、コンポーネントなどでサービスなどを参照する必要がある場合は、constructorでAngularに問い合わせる必要があります。 constructor(el: ElementRef, renderer: Renderer)の場合、基本的にフレームワークを要求しています。「私のためにハイライトディレクティブを作成するときは、ElementRefとRendererという2つのオブジェクトを私に与えてください。

これらの2つのオブジェクトはどのようにして得られますか？ディレクティブのライフサイクル中のDIフレームワークを通して。私は強く、より良い理解のために、この素​​晴らしい記事を読むことをお勧めし（それは必見です）：（あなたのconstructorはそう何もは、作成時に、あなたのディレクティブにを注入されない空である）第二と第三の例ではhttp://blog.thoughtram.io/angular/2015/05/18/dependency-injection-in-angular-2.html

、あなたをなど、より多くの依存関係が必要なため、ElementRef〜new（）を作成することはできません。https://angular.io/docs/js/latest/api/core/index/ElementRef-class.html しかし、これらは提供されておらず、単純にできません。