jquery / javascript не работают внутри ng-view

Question

Я пытаюсь достичь SPA с помощью углового маршрута, предусматривающего, что я использую ng-view для введения видов. на одной странице я создаю таблицу данных jquery, где мне нужно получить индекс строки, выбранной с помощью jquery. но это не происходит внутри ng-view. Я попытался с помощью директив, но не повезло. может ли кто-нибудь помочь мне в этом

home.html

<table id="example" class="display" style="width:100%">
    <thead>
        <tr>
            <th></th>
            <th>Name</th>
            <th>Position</th>
            <th>Office</th>
            <th>Extn.</th>
            <th>Start date</th>
            <th>Salary</th>
        </tr>
    </thead>
 </table>

Получить выбранные строки

Controller.Js:

app.controller("HomeController", function ($scope, $http,$window) {
$('#example').DataTable({
    "ajax": {
        "url": "test.json",
        "dataSrc": ""
    },
    "columns": [
        { "data": null },
        { "data": "name" },
        { "data": "position" },
        { "data": "office" },
        { "data": "extn" },
        { "data": "start_date" },
        { "data": "salary" }
    ],
    columnDefs: [{
        orderable: false,
        className: 'select-checkbox',
        targets: 0
    }],
    select: {
        style: 'os',
        selector: 'td:first-child'
    },
    order: [[1, 'asc']]
});
$scope.$broadcast('dataloaded');
$scope.Customers = $("example").DataTable().data;
console.log("Result: ", $scope.Customers.length);
$scope.GetDetails = function () {
    var table = $("example").DataTable();
    var rowid = table.row(this).index();
    alert(rowid);
};

$scope.GetRowID = function () {
    $('#example tbody').on('click', 'tr', function () {
        console.log("inside");
        debugger;
        var table = $("#example").DataTable();
        alert('Row index: ' + table.row(this).index());
    });

};

$scope.init();