Question

我是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 关系和等效物。提前感谢:)

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

0 个答案: