2017-10-10 10 views
0

私はいくつかの異なるJavaScriptライブラリを使用して、範囲のライターを作成しようとしています。しかし、私が使用するそれぞれについて、私はHTMLが生成されているのを見ることはできますが、ブラウザに何も表示されません。私はノイライダーを使用して解決しました。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 
     } 
    }); 
    } 
} 

そして結果: enter image description here

は、私が行方不明です何かがありますか?これは空のAngular 4プロジェクトです。すでに作られているノーイライダーの指示があることを知っています。しかし私は彼らに働かせることもできませんでした。

答えて

0

私はブラウザに何も表示されません - 私は

を生成されるHTMLは、あなたがCSSを含めるでした見ることができるにもかかわらず?

関連する問題