Div не отображается при ng-щелчке элемента, возвращаемого пользовательской директивой

Я создал директиву, в которой таблица html успешно возвращается. Один из столбцов - это якорная ссылка <td><a ng-click="showLogDiv()">Show Modified Data</a></td>, по клику которой я хочу показать div, содержащий дополнительные данные, принадлежащие этой строке, но он не отображается.

//logdetails.html - свойство templateUrl моей директивы

<div>
    <table class="table table-hover table-responsive">
        <thead class="table-thead">
            <tr style="background-color:#56a7d6">

                <th>AccessLogId</th>
                <th>EntityName</th>
                <th>EntityId</th>
                <th>RequestType</th>
                <th>Modified Data</th>
                <th>Creation Date</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="value in viewData.logdata">
                <td>{{value.AccessLogId}}</td>
                <td>{{value.EntityName}}</td>
                <td>{{value.EntityId}}</td>
                <td>{{value.RequestType}}</td>
                <!--<td><a ng-click="showLogDetails({{value.ModifiedData| json}})">Show Modified Data</a></td>-->
                <td><a ng-click="showLogDiv()">Show Modified Data</a></td>
                <td>{{value.CreatedDate | date:'medium'}}</td>
            </tr>

        </tbody>
    </table>
    <!--<div ng-show="divShow">Hello</div>   I want to show  {{value.ModifiedData| json}} contents here but even hardcoded Hello value not shown -->
    <div ng-show="divShow">Hello</div>
</div>

В контроллере у меня

 $scope.divShow = false;
        $scope.showLogDiv = function () {
            alert($scope.divShow);
            $scope.divShow = true;
            alert($scope.divShow);
        };

Моя директива

.directive("myActivityLogs", function () {

        return {
            restrict: 'E',
            replace: 'true',
            //template: '<div></div>',
            //template: '<b>{{viewData.logdata[1].ModifiedData}}</b>'
            templateUrl: 'app/modules/appScreen/logdetails.html'
            //scope: {

            //    logsData:'='
            //},
            //link: function (scope, element, attrs) {
            //link: function () {

            //    alert(viewData.logdata);
            //}
        };
    });

Как скрыть/показать часть html, возвращаемую директивой, а также как привязать данные к этой части? Я новичок в angularjs, и сейчас ничего не имеет смысла, поэтому, возможно, я делаю что-то неправильно, поэтому, пожалуйста, объясните подробно, это было бы очень полезно.