2015-11-04 13 views
5

私がbootstrap.ui(OR ngdialog !!)モーダルウィンドウを閉じても、その状態を維持したいと思います。どのように私はどのようにng-show/ng-modeウィンドウを隠すことができますか?AngularJS - モーダルウィンドウを表示/非表示にすることはできますか?

ありがとうございました。

+0

http://stackoverflow.com/questions/21578997/how-to-hide-show-same-modal-instance-with-angularjs ? –

+0

いいえ、 "show"オプションはbootstrap.uiモーダルでは存在しません。私はその男が何を話しているのか分かりません。 docs - https://angular-ui.github.io/bootstrap/ - 私は実際に誰かが彼をdownvoteし、コメントを追加したい、私は十分な担当者ではないように私はできません。 – xeon48

+0

まあ、あなたはいつもディスプレイや可視性を使用することができます純粋なCSS ... –

答えて

6

この例を見て:おそらく

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css"> 
 
<div ng-app> 
 
    <div ng-init="showModal=false"> 
 
     <button class="btn btn-primary btn-lg" ng-click="showModal = !showModal"> 
 
      Launch demo modal 
 
     </button> 
 
     <div class="modal fade in" aria-hidden="false" style="display: block;" ng-show="showModal"> 
 
      <div class="modal-dialog">  
 
       <div class="modal-content"> 
 
        MODAL 
 
        <div class="modal-footer">   
 
         <button type="button" class="btn btn-primary" ng-click="showModal=false">Ok</button>  
 
        </div>  
 
       </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div>

+0

メインページと同じHTMLにモーダルHTMLを入れるのがよいでしょうか?私はモーダル用のコントローラも持っているので、ngモデルは私のサービスを通じて共有する必要があります。この構造のために、私はモーダル専用のHTMLファイルを持っていますので、私の問題は - テンプレート全体をどのように表示/非表示にするのでしょうか? – xeon48

+0

モーダルがシンプルならば、コードメインにすることができます。このモーダルは他のコンポーネントによって使用されていますか? –

+0

ご協力ありがとうございます、これはかなりうまくいきます。私はそれが欲しいほど気が利いではありませんが、それが私が働くことができた唯一の解決策です! – xeon48

関連する問題