2015-11-04 6 views
5

मैं बंद होने पर अपने bootstrap.ui (या ngdialog !!) मोडल विंडो की स्थिति रखना चाहता हूं। कोई विचार है कि मैं एक मॉडल विंडो कैसे एनजी-शो/एनजी-छुपा सकता हूं?कोणीय जेएस - एक मॉडल विंडो को एनजी-शो/एनजी-छुपाएं संभव है?

धन्यवाद।

+0

संभवतः http://stackoverflow.com/questions/21578997/how-to-hide-show-same-modal-instance-with-angularjs ? –

+0

नहीं, बूटस्ट्रैप.ईई मोडल के लिए "शो" विकल्प मौजूद नहीं है। मुझे नहीं पता कि वह लड़का किस बारे में बात कर रहा था। दस्तावेज़ - https://angular-ui.github.io/bootstrap/ - मैं वास्तव में चाहता हूं कि कोई उसे कम करेगा और एक टिप्पणी जोड़ें, मैं नहीं कर सकता क्योंकि मेरे पास पर्याप्त प्रतिनिधि नहीं है। – xeon48

+0

अच्छी तरह से आप हमेशा शुद्ध सीएसएस के साथ प्रदर्शन या दृश्यता का उपयोग कर सकते हैं ... –

उत्तर

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 फ़ाइल है, इसलिए मेरा मुद्दा होगा - मैं एक संपूर्ण टेम्पलेट कैसे एनजी-शो/एनजी-छुपा सकता हूं? – xeon48

+0

यदि मोडल सरल है तो कोड मुख्य में हो सकता है। यह मॉडल अन्य घटक द्वारा उपयोग किया जाता है? –

+0

आपकी मदद के लिए धन्यवाद, यह बहुत अच्छी तरह से काम करता है। यह उतना ही स्वादिष्ट नहीं है जितना मैं इसे पसंद करूंगा लेकिन यह एकमात्र समाधान है जिसे मैंने काम करने में कामयाब रहा है! – xeon48