[lego9]

Господа, еще раз спасибо ответившим. Для меня всё что связано с фронтом сущий кошмар...
Я к сожалению не все понял из Ваших двух последних постов, чтобы не тратить Ваше время, опишу подробнее. С большими кусками кода. У меня есть 42 чек-бокса по которым мне надо включать и отключать видимость столбцов.
Вот HTML для чекбоксов:

<div class="container-fluid no-pad">
 
    <div class="row">
        <div class="col-1">
            <input type="checkbox" class="" data-column="1" id="depotID" ng-change="vm.coluVisi()" ng-model="vm.depotID">
            <label class="" for="">DepotID</label>
        </div>
        <div class="col-1">
            <input type="checkbox" class="" data-column="2" id="depotBezeichnung" ng-change="vm.coluVisi()" ng-model="vm.depotBezeichnung">
            <label class="" for="">DepotBezeichn.</label>
        </div>
        <div class="col-1">
            <input type="checkbox" class="" data-column="3" id="plattform" ng-change="vm.coluVisi()" ng-model="vm.plattform">
            <label class="" for="">Plattform</label>
        </div>
        <div class="col-1">
            <input type="checkbox" class="" data-column="4" id="bezeichnung" ng-change="vm.coluVisi()" ng-model="vm.bezeichnung">
            <label class="" for="">Bezeichnung</label>
        </div>
        <div class="col-1">
            <input type="checkbox" class="" data-column="5" id="handelstag" ng-change="vm.coluVisi()" ng-model="vm.handelstag">
            <label class="" for="">Handelstag</label>
        </div>
        <div class="col-1">
            <input type="checkbox" class="" data-column="6" id="iSIN" ng-change="vm.coluVisi()" ng-model="vm.iSIN">
            <label class="" for="">ISIN</label>
        </div>
        <div class="col-1">
            <input type="checkbox" class="" data-column="7" id="geschaeftsart" ng-change="vm.coluVisi()" ng-model="vm.geschaeftsart">
            <label class="" for="">Geschaeftsart</label>
        </div>
        и т.д.
...............
...............
    </div>

И вот функция в AngularJS компоненте, котороя нуждается в значении data-column="ХХ":

function coluVisi() {
 
            // Get the column API object
            var XX = $(this).attr('data-column'); // не правильно!  Но Мне нужно как то получить ХХ
            var col = vm.dtInstance.DataTable.column(XX);
 
            // Toggle the visibility          
            col.visible(!col.visible());
}

Мне нужно как то получить ХХ, я бъюсь уже непозволительное количество часов! Это же скорее всего как-то очень не сложно, но я почему то не могу найти как написать...
HELP