2017-05-10 1 views
1

は、私は、モーダル角度2、ブートストラップモーダル

<div bsModal #largeModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" 
    aria-hidden="true"> 
    <div class="modal-dialog modal-lm"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <h4 class="modal-title pull-left">Create Goal</h4> 
     </div> 
     <div class="modal-body"> 
     <p>Modal body text</p> 
     </div> 
    </div> 
    </div> 
</div> 

を持っていると私は

http://valor-software.com/ngx-bootstrap/#/modals#modal-directiveを使用していますが、私は、このようなonHide/onShowなど

よう指示出力に反応する方法を見つけ出すカント

モーダルが隠されているなどの処理をしたいと思います。

答えて

2

出力イベントを追加することができます。例えばモデルに隠された今までそれが機能をonHidden実行する時期

<div bsModal #largeModal="bs-modal" (onHidden)="onHidden()" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" 
    aria-hidden="true"> 
    <div class="modal-dialog modal-lm"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <h4 class="modal-title pull-left">Create Goal</h4> 
     </div> 
     <div class="modal-body"> 
     <p>Modal body text</p> 
     </div> 
    </div> 
    </div> 
</div> 

'をonHidden'。

ファイルadd onHidden()関数でファイル。

public onHidden() { 
    // do our stuff 
    } 
+0

テスト済みです。ありがとうございました! – Edalol

+0

まさに私が探していたもの、ありがとう! onHidden、onHide、onShow、onShown、onLoadedの 'キーワード'ですか? – aspergillusOryzae