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

Question

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

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

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

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

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

Directive.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 и в kebab-case в HTML.

Вам нужно изменить свой HTML с

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

к

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