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

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 中，作用域绑定应该在 JS 中采用 camelCase 格式，在 HTML 中采用 kebab-case 格式。

您必须将您的 HTML 从

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

至

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