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？