Невозможно связать с mfShowSortableArrows, поскольку оно не является известным свойством mfDefaultSorter

Question

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

В документации этого пакета ( здесь ) я обнаружил свойство mfShowSortableArrows для mfDefaultSorter элемента управления, но когда я его использую, он выдает ошибку

Can't bind to 'mfShowSortableArrows' since it isn't a known property of 'mfDefaultSorter'.

Поскольку я импортировал этот пакет в app.module.ts

import { DataTableModule } from "ng2-data-table";
-----

@NgModule({
    imports: [BrowserModule, HttpModule, DataTableModule],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
})

и используется в html как

<table [mfData]="data" #mf="mfDataTable" [mfRowsOnPage]="5" [mfSaveRowsOnPage]="true" (mfSelectedEntities)="setSelectedEntities($event)">
    <thead>
        <tr>
            <th>
                <mfRowSelectorHead></mfRowSelectorHead>
            </th>
            <th style="width: 20%">
                <mfDefaultSorter by="name" [mfShowSortableArrows]="true">Name</mfDefaultSorter>
            </th>
            <th style="width: 50%">
                <mfDefaultSorter by="email">Email</mfDefaultSorter>
            </th>
            <th style="width: 10%">
                <mfDefaultSorter by="age">Age</mfDefaultSorter>
            </th>
            <th style="width: 20%">
                <mfDefaultSorter by="city">City</mfDefaultSorter>
            </th>
        </tr>
    </thead>
    <tbody>
        <tr *ngFor="let item of mf.data; let ndx = index">
            <td><mfRowSelector [entity]="item" [checkboxId]="ndx"></mfRowSelector></td>
            <td>{{item.name}}</td>
            <td>{{item.email}}</td>
            <td>{{item.age}}</td>
            <td>{{item.city | uppercase}}</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="4">
                <mfBootstrapPaginator [rowsOnPageSet]="[5,10,25]"></mfBootstrapPaginator>
            </td>
        </tr>
    </tfoot>
</table>

но получаю ошибку,

Can't bind to 'mfShowSortableArrows' since it isn't a known property of 'mfDefaultSorter'.