将元素添加到Angular DataTable中时，Angular指令不起作用

Question

我要向角度数据表的标题添加一个选择。我希望能够使用angular指令来填充此选择。但是，似乎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'}]