Comments (6)
The only thing that worked for me was this:
<div class="modal" data-backdrop="static" data-keyboard="false">
from angular-modal-service.
@josevillacreses that worked for me, thanks! FYI, you can do it in one call instead of the two you have. So replace:
modal.element.model();
with
model.element.model({
backdrop: 'static',
keyboard: false
});
Here is a link to the bootstrap modal options. For those wondering it tells you what is being defaulted here. If the above solution doesn't work try to add in 'show: true' to the options to tell it to allow you to initialize and show it in one go.
from angular-modal-service.
Hi,
Please see the FAQ on the read me page. There is a section describing how
to close a bootstrap modal.
On Sunday, March 22, 2015, Max [email protected] wrote:
hi, I want to decide when I close the modal, and that it is only the close
button to close the modal, you can .thank you
Massimo
—
Reply to this email directly or view it on GitHub
#55.
from angular-modal-service.
I'm having the same issue. I want to prevent closing the modal when clicking outside the modal.
What i find strange is that it works the way I want in the sample http://jsfiddle.net/dwmkerr/8MVLJ/
Using the same setup from the sample, but with different versions of js libraries, the modal closes when clicking outside.
Closing the bootstrap modal is not the issue, the problem is not closing it unless my "close()" function is called from the view.
from angular-modal-service.
In case someone finds this useful, this is how I managed to prevent closing the modal:
Right before showing the modal with
modal.element.modal();
set the modal like this
$('#curvasModal').modal({
backdrop: 'static',
keyboard: true
});
modal.element.modal();
from angular-modal-service.
Thanks everyone, I believe this is closed with @lindamarieb and @ledgeJumper's solutions. Now documented in the FAQS at:
from angular-modal-service.
Related Issues (20)
- ModalService.closeModals() - Dont close other modals HOT 2
- modal dismiss HOT 4
- Memory leak HOT 2
- modal is not showing up but code js is ok
- Modal not getting closed HOT 3
- Modal service not working with bootstrap 4 beta (popper.js issue)
- Request: Upgrade to Angular 2 (and higher) HOT 2
- Browser support for angular-modal-service HOT 2
- doing operations on modal close HOT 1
- An in-range update of karma is breaking the build 🚨 HOT 15
- Close callback being called multiple times when location changes
- null is not an object (evaluating 'r.resolve')
- request: make it compatible with AngularJS 1.7 HOT 1
- Jquery datepicker not open issue in modal HOT 1
- An in-range update of webpack is breaking the build 🚨 HOT 21
- Latest version capture any angular error through the modal service
- Component bindings are bound too late HOT 3
- Can't overlay modals HOT 1
- An in-range update of uglify-js is breaking the build 🚨 HOT 22
- Close in a single controller?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-modal-service.