日期: 2017 年 3 月 3 日

以往在網頁做carousel，因RWD的關係，因mobile及PC、Pad顯示的數量會需要做兩個區塊，再依螢幕大小分別顯示及隱藏，今天發現有owl carousel套件，使用後可以只用一個區塊~
https://owlcarousel2.github.io/OwlCarousel2/

因為想練習angular js，但套用後發現owl carousel失效，研判應是$(‘.owl-carousel’).owlCarousel()先於angular js 的ng-repeat造成owl carousel不work，故需要先ng-repeat完成的事件，後來找到可用on-finish-render、.directive(‘onFinishRender’, function () {…}來處理，以下為範例：

原始檔: 
1. index.html下載
2. index.scss下載