當owl-carousel js遇到angular js

以往在網頁做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 () {…}來處理，以下為範例：