javascript - Error trying to input modal on Angular 2 aplication -

i'm trying insert modal on angular 2 application i'm gettin following error:

unhandled promise rejection: template parse errors: can't bind 'showdismiss' since isn't known property of 'modal-header'.

i'm using ng2-bs3-modal plugin. feel i'm missing on setup of plugin.

i have input these 3 lines on index.html:

  <script src="node_modules/ng2-bs3-modal/bundles/ng2-bs3-modal.js"></script>   <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>   <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 

i have pasted code on systemconfig.js:

system.config({     defaultjsextensions: true,     map: {         'ng2-bs3-modal': 'node_modules/ng2-bs3-modal'     }, 

and had imported ng2bs3modalmodule on app.module.

this html component got error:

  <button type="button" class="btn btn-default" (click)="modal.open()">open me!</button>   <modal #modal>     <modal-header [showdismiss]="true">         <h4 class="modal-title">i'm modal!</h4>     </modal-header>     <modal-body>         hello world!     </modal-body>     <modal-footer [showdefaultbuttons]="true"></modal-footer> </modal> 

can me? in advance. other plugin uses modal accepted tried of them , manage error on too.

reading documentation, showdismiss doesn't exist <modal-header>. have use show-close <modal-header [show-close]="true">. don't know if you're using version?