-1

スライダーが必要で、プロジェクトで AdminLTE を使用しています

<input type="text" value="" class="slider form-control"
       data-slider-min="-200" data-slider-max="200"
       data-slider-step="5"  data-slider-orientation="horizontal"
       data-slider-selection="before" data-slider-tooltip="show"
       data-slider-id="yellow">

入力を div に変換するには、必要です

<!-- Ion Slider -->
<script src="../../plugins/ionslider/ion.rangeSlider.min.js"></script>
<!-- Bootstrap slider -->
<script src="../../plugins/bootstrap-slider/bootstrap-slider.js"></script>
<script>
  $(function () {
    /* BOOTSTRAP SLIDER */
    $('.slider').slider();
});
</script>

最初の 2 index.html にインポートし、入力後に tamplate の最後の関数が機能しない この関数はどこでどのように入力できますか? 私はindex.htmlでそれをやったが、うまくいかない

4

3 に答える 3

0

関数を切り取って、カルーセルを使用する同じ HTML にindex.html貼り付ける必要があるだけだと思います。constructor

app.component.htmlファイルでこれを使用しているとしましょう

<input type="text" value="" class="slider form-control"
       data-slider-min="-200" data-slider-max="200"
       data-slider-step="5"  data-slider-orientation="horizontal"
       data-slider-selection="before" data-slider-tooltip="show"
       data-slider-id="yellow">

app.component.ts次に、この関数を次のように使用する必要があります

declare var $: any;
@component({
....
})
export class AppComponent{
constructor(){
    /* BOOTSTRAP SLIDER */
    $('.slider').slider();
}
........
}
于 2017-08-27T10:42:56.030 に答える