मैं अपनी परियोजना http://angular-ui.github.io/bootstrap/#/odal में Angular UI $ modal का उपयोग कर रहा हूं
मैं नहीं चाहता कि उपयोगकर्ता पृष्ठभूमि पर दबाव डालकर मॉडल बंद करें। मैं चाहता हूं कि एक मॉडल केवल बंद बटन दबाकर बंद किया जा सकता है जो मैंने बनाया है।
मैं मोडल को बंद होने से कैसे रोकूँ?
जवाबों:
जब आप अपना मोडल बनाते हैं तो आप उसके व्यवहार को निर्दिष्ट कर सकते हैं:
$modal.open({
// ... other options
backdrop : 'static',
keyboard : false
});
backdrop : 'static'
'क्लिक' ईवेंट के लिए काम करेगा लेकिन फिर भी आप पॉपअप को बंद करने के लिए "Esc" कुंजी का उपयोग कर सकते हैं।
keyboard :false
पॉप को रोकने के लिए "Esc" कुंजी द्वारा बंद करें।
उत्तर के लिए pkozlowski.opensource का धन्यवाद।
मुझे लगता है कि प्रश्न कोणीय यूआई बूटस्ट्रैप मोडल का डुप्लिकेट है - उपयोगकर्ता बातचीत कैसे रोकें
पुराना प्रश्न, लेकिन यदि आप विभिन्न करीबी क्रियाओं पर पुष्टि संवाद जोड़ना चाहते हैं, तो इसे अपने सामान्य उदाहरण नियंत्रक में जोड़ें:
$scope.$on('modal.closing', function(event, reason, closed) {
console.log('modal.closing: ' + (closed ? 'close' : 'dismiss') + '(' + reason + ')');
var message = "You are about to leave the edit view. Uncaught reason. Are you sure?";
switch (reason){
// clicked outside
case "backdrop click":
message = "Any changes will be lost, are you sure?";
break;
// cancel button
case "cancel":
message = "Any changes will be lost, are you sure?";
break;
// escape key
case "escape key press":
message = "Any changes will be lost, are you sure?";
break;
}
if (!confirm(message)) {
event.preventDefault();
}
});
मेरे पास शीर्ष दाईं ओर एक बटन है, जो "रद्द" कार्रवाई को ट्रिगर करता है। बैकड्रॉप पर क्लिक करना (यदि सक्षम है), रद्द करने की क्रिया को ट्रिगर करता है। आप विभिन्न करीबी घटनाओं के लिए विभिन्न संदेशों का उपयोग करने के लिए उपयोग कर सकते हैं।
event.preventDefault();अंदर का उपयोग करें case "backdrop click"और निष्पादन को समाप्त करें।
यह वही है जो प्रलेखन में उल्लिखित है
पृष्ठभूमि - एक पृष्ठभूमि की उपस्थिति को नियंत्रित करता है। अनुमत मान: सत्य (डिफ़ॉल्ट), असत्य (कोई पृष्ठभूमि नहीं), 'स्थिर' - पृष्ठभूमि मौजूद है लेकिन मोडल विंडो के बाहर क्लिक करने पर मोडल विंडो बंद नहीं होती है।
static काम हो सकता है।
डेकोरेटर , कोणीय में सबसे अच्छी विशेषताओं में से एक। " 3 पार्टी मॉड्यूल " पैच करने की क्षमता देता है।
मान लें कि आप अपने सभी $modalसंदर्भों में यह व्यवहार चाहते हैं और आप अपनी कॉल बदलना नहीं चाहते हैं,
आप एक डेकोरेटर लिख सकते हैं । कि बस विकल्पों में जोड़ता है -{backdrop:'static', keyboard:false}
angular.module('ui.bootstrap').config(function ($provide) {
$provide.decorator('$modal', function ($delegate) {
var open = $delegate.open;
$delegate.open = function (options) {
options = angular.extend(options || {}, {
backdrop: 'static',
keyboard: false
});
return open(options);
};
return $delegate;
})
});
$modalनाम बदलकर$uibModalऑनलाइन डेमो - http://plnkr.co/edit/2MWIpOs3uAG5EFQy6Ndn?p=preview