Prevent horizontal swiping in an angular bootstrap carousel

Question

How can I deactivate the ng-swipe-right and ng-swipe-left functionalities for an Angular Bootstrap carousel? I attempted the following approach:

Once the carousel is loaded:

$timeout(function() {
 angular.element('.carousel').attr('ng-swipe-right', '');
 angular.element('.carousel').attr('ng-swipe-left', '');
}, 10);

Despite implementing this code, it doesn't seem to be effective. What could I be overlooking?

Answer 1

Answer №1

I'm not entirely certain why you're asking, but here's a potential solution:

If you want to remove an attribute in angular.js, you could try the following code:

var selectedElement = angular.element( document.querySelector( '.carousel' ) )
selectedElement[0].removeAttribute("ng-swipe-right")

OR

Alternatively, if you're looking to change a specific attribute value, you could use this code:

var selectedElement = angular.element( document.querySelector( '.carousel' ) )
selectedElement.attributes['ng-swipe-right'].value = "newValue";

Hopefully that solves your question.

Answer 2

I'm not entirely certain why you're asking, but here's a potential solution:

If you want to remove an attribute in angular.js, you could try the following code:

var selectedElement = angular.element( document.querySelector( '.carousel' ) )
selectedElement[0].removeAttribute("ng-swipe-right")

OR

Alternatively, if you're looking to change a specific attribute value, you could use this code:

var selectedElement = angular.element( document.querySelector( '.carousel' ) )
selectedElement.attributes['ng-swipe-right'].value = "newValue";

Hopefully that solves your question.