bxSlider doesn't work because the jQuery executes before your ng-repeat has finished.
You can use something like finishingmoves' directive to execute a function after ng-repeat has finished.
The directive is the following:
var module = angular.module('testApp', [])
.directive('onFinishRender', function ($timeout) {
return {
restrict: 'A',
link: function (scope, element, attr) {
if (scope.$last === true) {
$timeout(function () {
scope.$emit('ngRepeatFinished');
});
}
}
}
});
(finishingmoves directive from here: Calling a function when ng-repeat has finished)
You can see an example of it here: http://jsfiddle.net/paulocoelho/BsMqq/4/
Hope that helps and don't forget to vote!