Javascript Plugins in Angular 표시되지 않지만 HTML이 있습니다.

Question

나는 rangeslider에 대해 몇 가지 다른 javascript 라이브러리를 사용하려고합니다. 그러나 내가 사용하는 각각에 대해 브라우저에서 아무 것도 볼 수 없습니다. HTML이 생성되는 것을 볼 수 있습니다. 나는 누이 라이더를 사용하여 정착했습니다.

import { Component, ViewChild, ElementRef, OnInit, AfterViewInit} from '@angular/core'; 
import * as nouislider from 'nouislider'; 

@Component({ 
    selector: 'app-root', 
    template: '<div #here></div>', 
    styleUrls: ['./app.component.css'] 
}) 
export class AppComponent implements AfterViewInit { 

    @ViewChild('here') range : ElementRef 

    ngAfterViewInit() { 
    nouislider.create(this.range.nativeElement, 
     { 
     start: [20, 80], 
     connect: true, 
     range: { 
      'min': 0, 
      'max': 100 
     } 
    }); 
    } 
} 

그리고 결과 : 내가 놓친 거지 뭔가

있습니까? 이것은 빈 Angular 4 프로젝트입니다. 나는 이미 만들어진 누이 라이더를위한 지침이 있다는 것을 알고 있습니다. 그러나 나는 또한 그들을 일하게 할 수 없었습니다.

Answer 1

내가 브라우저에서 아무것도 표시되지 않습니다 - 나는 HTML 당신이 CSS를 포함나요

생성되는 것을 볼 수 있지만?