你如何建立/使用angular2滑塊？

我需要在角度2應用程序中使用橫幅滑塊。我創建了一個名爲橫幅滑塊的組件，其中包含滑塊的html，然後將它顯示在應用組件的視圖中。你如何建立/使用angular2滑塊？

問題是，當瀏覽器然後加載頁面所有我得到的是三個堆疊李的地方，因爲當我直接在index.html上使用代碼滑塊工作正常？我是否需要做點什麼才能讓角度與jquery協同工作，還是需要一個角度爲2的滑動條才行？如果沒有人知道從哪裏開始建設呢？

我正在使用unslider | unslider.com

來源

2016-04-25 Adear

這個問題可能會讓你感興趣：http://stackoverflow.com/questions/35336019/angular2-with-jquery-ui-slider –

這個問題可以幫助你：

Angular2 with Jquery-ui Slider

的想法是包裝一個Angular2組件內的jQuery插件的應用。這可以在其ngOnInit方法中完成：

@Component({ 
    (...) 
}) 
export class Slider implements OnInit { 
    elementRef: ElementRef; 
    slideValue: number; 

    constructor(private elementRef: ElementRef) { 
    } 

ngOnInit() { 
    jQuery(this.elementRef.nativeElement).slider({ 
     range: false, 
     orientation: "vertical", 
     min: 0, 
     max: 100, 
     value: 60, 
     slide: (event, ui) => { 
     (...) 
     } 
    }); 
    } 
}

來源

2016-04-25 10:24:21

我看了帖子，只是忽略它，非常感謝蒂埃裏即將把一個簡化版本那爲我的下面:)工作 – Adear

你可以使用任何你想要的jQuery的文檔中但是，對於angular2能夠使用它，你必須啓動它，你都在頁面上！

比你認爲你要做的就是用ngOnInit（）{}

所以如果有人使用unslider你只需要

ngOnInit() { 

    jQuery(document).ready(function ($) { 
    $('.my-slider').unslider({autoplay: true, delay: 4000, arrows: false, nav: false}); 


}

所以無論怎樣的Jquery需要在負載放跑容易得多它在ngOnInit（）中。

來源

2016-04-25 10:39:50 Adear

你如何建立/使用angular2滑塊？

回答

相關問題