I have a requirement to remove a class name dynamically via js.
The reason to do so is that I'm trying to remove the icon of sorting a specific column from a table.
When I inspect the element - I see I have ng-class with the same class name as the class attribute.
I don't have any access to the angular file - since it's a third-party app, but I can write some JS in it.
<th title="" ng-repeat="$column in $columns" ng-class="{
'sortable': $column.sortable(this),
'sort-asc': params.sorting()[$column.sortable(this)]=='asc',
'sort-desc': params.sorting()[$column.sortable(this)]=='desc'
}" class="col_poi_Id_356 sortable">
</th>
When I'm removing the "sortable" from the class manually from the developer console - It works great.
But when I'm trying to do: element.remove("sortable");
it removes the "sortable" both from the class and from the ng-class and its causes unwanted behavior.
I want to remove a class name only from the class attribute without touching the ng-class.
is that possible?
I don't have much knowledge in JS, but I tried to find a solution on the google but didn't find one.
any help, including links, will be much appreciated.
Thanks!
Via Active questions tagged javascript - Stack Overflow https://ift.tt/RbYJo8E
Comments
Post a Comment