Stack Overflow
Stack Overflow

Questions tagged [angular-ui-modal]

$uibModal is an AngularJS service to create modal windows

Twitter Bootstrap's markup and CSS component written in pure AngularJS by the AngularUI Team.

Documentation

Related tags:

59 questions
20
votes
5 answers

Angular UI Bootstrap Modal: [$injector:unpr] Unknown provider: $uibModalInstanceProvider

This is a bit strange. When I search this issue online I see many pages of Google results and SO solutions... but none seem to work! In a nutshell, I am trying to implement AngularUI Bootstrap Modal. I keep getting the following error: Error:…
Benjamin Hoffman
  • 797
  • 1
  • 6
  • 18
19
votes
2 answers

How does angular "$uibModalInstance.close(data)" work?

The official documentation of AngularJS does not contain anything that describes how $uibModalInstance.close works, in the following code fragment, scope.close is a method used to close the modal window and pass an object to the caller…
Abdo Adel
  • 1,177
  • 2
  • 17
  • 30
13
votes
2 answers

catching Angular Bootstrap UI $uibModal closed event after the modal was closed

I'm opening a modal window using $uibModal.open from another controller, and need to be notified when the modal window was closed completely (and not during closing...) so I'll be able to run a function. The code that opens the modal is as…
Avner Hoffmann
  • 413
  • 1
  • 5
  • 8
10
votes
1 answer

Is there a way to intercept BootstapUI's $uibModal dismissed event?

I'm using the modal compoenent from Bootstrap UI (https://angular-ui.github.io/bootstrap/) in Angular to render a modal, and on closing I want to be able to redirect to another state, or at least have a function be called. The problem is I can…
Vee6
  • 1,527
  • 3
  • 21
  • 40
5
votes
3 answers

Inject $uibModalInstance to a controllar not initiated by a $uibModal

I have these two views: 1) foo.html

Hello {{name}}

2) foo-as-modal.html

I'm a modal

sports
  • 7,851
  • 14
  • 72
  • 129
5
votes
4 answers

Angularjs UI bootstrap temporarily change URL on open and revert to original URL on close

I want to temporarily change the browser url when the ui bootstrap modal is opened ( The page behind should remain as is, only the url changes ). When the modal is closed the url should be reverted back to the original one. Steps : User loads the…
Kunal Dethe
  • 1,254
  • 1
  • 18
  • 38
5
votes
2 answers

Angular Modal: add template from another html

I have a modal template in another html file but after the page was loaded first time modal window opens without a content, second time it's all ok. How can this be fixed? Here's the plunker http://plnkr.co/edit/lw056nAaU7BfqIVZSddb?p=preview //Open…
kipris
  • 2,899
  • 3
  • 20
  • 28
5
votes
1 answer

Does $uibModalInstance have any properties like .ready or .opened?

Does $uibModalInstance have any properties like .ready or .opened? I am trying to change the CSS class of elements within a UI Bootstrap modal based on the data passed to it. I need a way to trigger the function once the modal is loaded. I know…
Michael
  • 311
  • 4
  • 22
3
votes
2 answers

Angular modal: dynamically change modal content

I tried my modal content change if I add type parameter to button click event.
1
vote
2 answers

Call parent function when click submit inside modal which is the component angularjs

I have a modal which is a component. When I fill form in this modal and click submit I would like to invoke function in parent. parent controller.js .module('app.test') .controller('TestController', function ($uibModal) { let vm =…
emka26
  • 433
  • 1
  • 11
  • 28
1
vote
0 answers

Value from $uibmodal back to form is not working

I have a form where you can create patient. On that form I have an input box for assigning devices and a button to open a pop-up where list of devices are presented. I have a button for each device in the list. When I click on one of the devices in…
chan
  • 274
  • 1
  • 5
  • 24
1
vote
1 answer

UI Bootstrap Modal promise and controller scope

I'm new to AngularJS and using UI Bootstrap in a project. I want to mark an I've read the T&Cs checkbox as checked once the modal (containing the T&Cs text) is closed (but not when the modal is dismissed). I've adapted the general example at…
Richard
  • 11
  • 1
1
vote
3 answers

Can't pass a parameter to my ui Modal with AngularJS

In my angularJS app, I'm trying to pass a parameter to a modal popup so that when the Modal link is click, a name is displayed in the popup. The modal link is coming from a custom directive which is getting the list on names from an external…
Holly
  • 7,462
  • 23
  • 86
  • 140
1
vote
1 answer

Performance issue with $uibModal (angular JS)

we are seeing performance issue with $uibModal.open , its taking around 40 secs to open new Modal. any one has any idea why its taking time to open a modal ..? var modalInstance = $uibModal.open({ animation : false, templateUrl :…
Nuthan Kumar
  • 483
  • 5
  • 22
1
vote
2 answers

Setting your array index to selected from a angular bootstrap modal on close

I have been following the angular ui modal on this link https://angular-ui.github.io/bootstrap/#/modal. Everything is working just fine, and I am able to select the index for the array $scope.comps= ['item1', 'item2', 'item3']. My parent page,…
enavuio
  • 1,428
  • 2
  • 19
  • 31
1
2 3 4