कोणीय यूआई बूटस्ट्रैप मोडल आईडी और वर्ग का श्रेय

Question

Live Example

निम्नलिखित Angular UI Bootstrap Modal जोड़ना स्ट्रिप्स?

मैं संवाद पर कुछ सीएसएस स्टाइल सेट करना चाहता हूं, उदा। संवाद की चौड़ाई, या कुछ संवाद के आंतरिक तत्वों को स्टाइल करना। मैं इसे कैसे प्राप्त कर सकता हूं?

Answer 1

यहां github issue बताया गया है कि आईडी क्यों छीन ली जा रही है।

वर्ग के लिए के रूप में, मैं नहीं यकीन है कि क्यों है कि छीन कर रहा हूँ, लेकिन आप $dialog options का उपयोग वर्ग (जो आपकी समस्या का समाधान हो जाएगा) निर्दिष्ट करने के लिए कर सकते हैं:

<div id="my-id" modal="opened" options="{dialogClass: 'modal my-class'}"> 
    <p>Modal Here</p> 
</div> 

Answer 2

क्योंकि मैं सिर्फ इस परेशान मुद्दा में आए खुद और दस्तावेज़ीकरण और डिफ़ॉल्ट व्यवहार स्पष्ट नहीं है। अब आप windowClass विकल्प का उपयोग विधि $ modal.open() के माध्यम से अतिरिक्त कक्षाओं में पारित कर सकते हैं:

var modalInstance = $modal.open({ 
     templateUrl: 'templateUrl.html', 
     controller: Controller, 
     windowClass: 'custom-css-class', 
     ... 
    }); 

एक आईडी सेट नहीं कर सकता जो हालांकि लंगड़ा है। आधिकारिक angular-ui modal docs में अधिक जानकारी।