Angular директивы не работают, когда элемент добавляется в Angular DataTable

Question

Я добавляю выбор в заголовок угловой таблицы данных. Я хотел бы иметь возможность использовать угловые директивы для заполнения этого выбора. Однако, похоже, что директивы ngOptions и ngModel не заполняют выбор.

Вот мой стол:

<table id="myTable" datatable="ng" dt-options="MyController.dtOptionsMyTable" class="table table-sm">
    <tbody>
        <!--due to the interactions between Angular, Datatables, and ajax paging, the following ng-repeat statement is not actually used, but Angular needs it in the html to render properly -->
        <tr ng-repeat="item in collection"></tr>
    </tbody>
</table>

Вот мой контроллер:

app.controller('myController', ['DTOptionsBuilder', MyController]);

function MyController(DTOptionsBuilder) {
    var vm = this;
    vm.YN = ['Y','N'];

    vm.dtOptionsMyTable = DTOptionsBuilder.newOptions()
        .withOption('ajax', {
            dataSrc: function(json) {
                return json.data;              //Simplified for example
            },
            url: window.location.origin + "/myURL",
            type: "GET"
        })
        .withPaginationType('simple_numbers')
        .withOption('processing', false)
        .withOption('columns', [
            {
                title: "<select class='btn btn-primary' id='my-table-header-multiselect' multiple='multiple' ng-options='x for x in MyController.YN' ng-model='MyController.selected'></select>",
                data: 'maint'
            }
        ])
}

JSON для этого примера будет выглядеть так:

[{maint: 'Y'}, {maint: 'N'}, {maint: 'Y'}]