изолированные данные области не отображаются в шаблоне директивы

Question

Я создаю пользовательскую директиву Angular для отображения нумерации по всему приложению.

Я использую изолированную область для передачи totalNoOfRecords, но она не отображается. Любая помощь будет оценена

Вот мой код, который я пробовал до сих пор

Шаблон, где я вызываю директиву:

<pagination totalData="111"></pagination>

Директива. js

function pagination() {
    return {
        restrict: 'EA',
        templateUrl: 'template/directives/pagination.html',
        scope: {
            totalData: '@',
        },
        link: dirPaginationControlsLinkFn
    };
}

Шаблон директивы

<span class="pagination-text">
   of {{totalData}} 
</span>

Answer 1

В AngularJS привязки области должны быть в camelCase в JS и в кебаб-кейсе в HTML.

Вы должны изменить HTML с

<pagination totalData="111"></pagination>

до

<pagination total-data="111"></pagination>