Angular module with Bootstrap components written in pure AngularJS by the AngularUI Team
Questions tagged [ui.bootstrap]
85 questions
13
votes
2 answers
Pass current scope to modalInstance when using controllerAs syntax
I'm using controllerAs syntax to avoid a $scope soup in my controllers, and also using ui.bootstrap to present a modal view.
I need to open a modalInstace that shares the same scope as the current controller. When injecting the scope, you could…
afterxleep
- 622
- 1
- 5
- 17
10
votes
2 answers
What's wrong with ngAnimate and ui.bootstrap modal?
In this example
http://plnkr.co/edit/ETwexjK0HRu3b8WovoJq
angular.module('animateApp', [
'ngAnimate', // adding this causes issue with modal backdrop
'ui.bootstrap'
])
When you close modal, the backdrop won't go away.
If I comment out the…
Reynard
- 561
- 6
- 12
6
votes
2 answers
angular ui bootstrap doesn't load
I take everything from the example page. basically there is nothing different, controller and html body is pure copy paste from accordion example from
https://angular-ui.github.io/bootstrap/
I tried everything....
David Faure
- 1,336
- 14
- 25
5
votes
1 answer
UI Bootstrap tabs save active tabs after reload
I need to show active tab after page reload. I found that I need to store active tab name to session or local storage. But for me this not working.
Here is html
Arter
- 2,224
- 3
- 29
- 66
5
votes
2 answers
angular modal not closing ($uibModal )
angular
.module('angProj')
.controller('UserCtrl',
['$scope', '$uibModal',
function ($scope, $uibModal) {
$scope.results = function (content, completed) {
var modalInstance = $uibModal.open({
…
Scorpio
- 1,151
- 1
- 19
- 37
4
votes
0 answers
How to get ui.bootstrap timepicker control to pass validation by default, without user interacting with control
When the timepicker control is inside a form and has an initial 'valid' default value, it should validate and $scope.formname.$valid should be true. However, what I am seeing is that unless the user interacts with the control, it's not validated and…
LaserBeak
- 3,257
- 10
- 43
- 73
3
votes
2 answers
Change uibModal transparency when dragging
I want to make $uibModal modal transparent when drugging and opaque when stop dragging.
For now, I tried jQuery fadeTo() and fadeIn() methods on the draggable stop event and the mouseup() method. The modal becomes transparent but doesn't become…
srgbnd
- 5,404
- 9
- 44
- 80
3
votes
1 answer
Modal window has large background
I am using the iu.bootstrap.modal popup window on one of my views. The modal windows displays correctly except that it looks like it is inside a larger white frame.
What is causing this white frame to appear behind my modal window?
Here is my…
Jerry
- 6,357
- 8
- 35
- 50
3
votes
4 answers
Cannot inject ui.bootstrap into my module
I'm trying to inject ui.bootstrap into my module, called 'app'. I already included the ui-bootstrap javascript file into my html, but I get below error no matter what I do:
Uncaught Error: [$injector:modulerr]
If I remove any dependencies to…
Teilmann
- 2,146
- 7
- 28
- 57
3
votes
1 answer
How to implement multiple templates in one model using angularjs?
This is my code
var app = angular.module('drinks-app', ['ui.bootstrap']);
app.controller('MainCtrl', function($scope, Drink) {
'use strict';
Drink().then(function(drinks) {
$scope.drinks = drinks;
});
$scope.deleteItem =…
durga siva kishore mopuru
- 1,327
- 6
- 33
- 57
3
votes
1 answer
Disable ng-touch on on specific location
I am using carousel from ui.bootstrap and for that i need to use ng-touch. When i inject my app with ngTouch it brakes some things, inputs in mobile can't be clicked.
How can i inject specific controller, i have tried to make two different modules…
Honchar Denys
- 1,408
- 4
- 29
- 54
3
votes
1 answer
Use of "disabled" attribute has been deprecated, please use "disable"
I have been getting a warning since I upgraded angularjs the other day. It happens any time I open a ui.bootstrap modal.
Here is the warning I get in chrome-beta 44:
angular.js:11655 Use of "disabled" attribute has been deprecated, please use…
pcnate
- 1,694
- 1
- 18
- 34
2
votes
1 answer
DateTimePicker is clearing date by just opening the calendar
When I click on the datetimepicker button it clears the date.
'use strict';
app.directive('defaultDate', function () {
return {
restrict: 'E',
templateUrl: 'app/directives/default-date.html',
scope: {
…
Claudio Moraes
- 21
- 1
2
votes
1 answer
TypeError: s.position is not a function for typeahead in angularjs
I just want to implement an example of typeahead before apply on my live project.
Every example working fine on their site but it's not working for me.
I have done:
Majedur
- 3,074
- 1
- 30
- 43
2
votes
1 answer
How could we chain $uibModal dialogs?
I am complete beginner in AngularJS. Now I want to create the chains of dialogs using ui.bootstrap $uibModal service. I want to receive the data to the dialogs from the .txt file. That means, I won't know initially the quantity of dialogs in the…
Yarycka
- 165
- 1
- 10