Sortable Table did not working

[TeodorKolev]

When I copy paste this example in my app, I got main.browser.ts:25 Error: Template parse errors:

Can't bind to 'columns' since it isn't a known property of 'table-sortable'.
1. If 'table-sortable' is an Angular component and it has 'columns' input, then verify that it is part of this module.
2. If 'table-sortable' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component to suppress this message.
 ("

    <table-sortable
      [ERROR ->][columns]="columns"
      [data]="rows"
      [sort]="sorting">
"): About@4:6
Can't bind to 'data' since it isn't a known property of 'table-sortable'.
1. If 'table-sortable' is an Angular component and it has 'data' input, then verify that it is part of this module.
2. If 'table-sortable' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component to suppress this message.
 ("
    <table-sortable
      [columns]="columns"
      [ERROR ->][data]="rows"
      [sort]="sorting">
      Loading table...
"): About@5:6
Can't bind to 'sort' since it isn't a known property of 'table-sortable'.
1. If 'table-sortable' is an Angular component and it has 'sort' input, then verify that it is part of this module.
2. If 'table-sortable' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component to suppress this message.
 ("
      [columns]="columns"
      [data]="rows"
      [ERROR ->][sort]="sorting">
      Loading table...
    </table-sortable>
"): About@6:6
'table-sortable' is not a known element:
1. If 'table-sortable' is an Angular component, then verify that it is part of this module.
2. If 'table-sortable' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component to suppress this message. ("
    <h1>About</h1>

    [ERROR ->]<table-sortable
      [columns]="columns"
      [data]="rows"
"): About@3:4

when I add directive itself? Is there any remedy for this one?