Dynamically adding directives to a automatically generated class

Hi guys

I am currently using angular-material in combination with ionic

I am currently encountering an issue with angular-material and the tabs
it seems like I cannot switch tabs when my project has angular material in it,

While I have found a solution I’m currently having difficulty in implementing it

I wish to add the directive data-tap-disabled=“true” to the anchor elements with the class tab-item

My current code

angular.element(document.getElementsByClassName("tab-item")).attr('data-tap-disabled',true);

I think this will smoothen stuff in regards to using angular material with ionic

Cheers