角度2でELementRefまたは@ViewChildを使用して特定のDOM要素にアクセスするにはどうすればよいですか？

Question

私はangle2のコンポーネントにnouisliderを含めることを試みています。 "https://github.com/tb/ng2-nouislider/blob/master/src/nouislider.ts"

私はそれを独立したコンポーネントとして動作させることができましたが、私のビジネスログインでは他のコンポーネントに持っている必要があります。 noUiSlider（10.0.0）： ERRORエラー：

コンポーネントのコードを配置した後、私は次のエラーを取得しています作成する必要が単一の要素を、得た：ヌル

これは私のHTMLスニペットです：

<div #nouiSliderinput [attr.disabled]="disabled ? true : undefined"></div> 

これは私がエラーに直面しています私のコンポーネント抜粋です：

inputsConfig.format = this.format || this.config.format || new 
DefaultFormatter(); 
this.slider = noUiSlider.create(
    this.el.nativeElement.querySelector('.nouiSliderinput'), 
    Object.assign(this.config, inputsConfig) 
); 

this.handles = 
[].slice.call(this.el.nativeElement.querySelectorAll('.noUi-handle')); 

私は、THI "nativeElement.querySelector（ 'nouiSliderinputを。'）" を使用することができませんでしよsはnullを返します。

IDまたはクラスを使用してDOM要素にアクセスする方法はありますか。

Answer 1

nouiSliderinputにアクセスしてください。 nativeElementを使用してアクセスできます。 querySelector

@ViewChild('nouiSliderinput') public nouiSliderinput: ElementRef; 

ngOnInit() { 
    // you will get the element by below line 
    console.log(this.nouiSliderinput.nativeElement); 
}