隔离范围数据未显示在指令模板中

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中，范围绑定应在JS中的camelCase中，在HTML中的kebab-case中。

您必须从以下位置更改HTML

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

to

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