Angular的Javascript插件不显示，但HTML有

Question

我想为一个rangeslider使用几个不同的javascript库。然而，对于我使用的每一个，我都没有看到浏览器中的任何东西 - 尽管我可以看到正在生成的HTML。我决定使用nouislider。

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项目。我知道有nouislider已经制定了指令。但是我也无法让他们工作。

Answer 1

我没有看到在浏览器中任何东西 - 尽管我可以看到正在生成

的HTML是否包含在CSS？