Angular2可注入并创建实例或相同吗?

时间:2016-11-29 13:42:48

标签: javascript angular typescript angular2-directives

我是es6,typescript和Angular2的新手,我尝试过指令示例。看起来像是......

  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');
    }
}

我试过以下变种,但没有像我预期的那样工作..

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');
    }
}

我没有区分 el:ElementRef 语法和使用 new ElementrRef 创建普通对象实例。请解释它们背后的差异和逻辑正常或es6 js中的 el:ElementRef 关系和等效物。提前感谢:)

0 个答案:

没有答案