Tagged Questions
0
votes
1answer
76 views
ui.bootstrap.accordion not working with Bootstrap v4
I tried using the accordion from https://angular-ui.github.io/bootstrap/#!#accordion and after hours of trying and not getting the desired results, I changed the bootstrap version from 4.0.0 to 3.0.0 ...
0
votes
1answer
29 views
Making div show outside Angular UI Modal
In this plunk I have an Angular UI modal with a div that's inside the modal, but since it has position:fixed I'm expecting the div to be outside and cover the entire screen. Why is it inside the ...
0
votes
0answers
35 views
Watch functions accumulate when Angular UI modal is opened
I have the following code in a directive. The directive is included in an Angular UI modal:
var watchObjects = function(){
scope.vars.forEach(function(elem,i){
scope.$watch('vars['...
0
votes
2answers
23 views
Variable in Angular Modal UI not watched
In this plunk I have an Angular Modal UI with a variable that is watched, however the watch function is not triggered when the variable is changed, what's wrong?
Javascript
var app = angular.module('...
0
votes
1answer
83 views
Setting the list width of Angular UI dropdown
In this plunk I have an Angular UI dropdown list with a maximum height for the selection list. This works fine, and the user can scroll through the list.
I also set the maximum width, as the list is ...
1
vote
0answers
66 views
Match results by beginning of words with uib-typeahead
Is it possible, with uib-typeahead, to match results as long as what is being typed matches any word in a source array's item? For the location example used in the documentation, I'd like to be able ...
0
votes
1answer
39 views
Show Angular UI Modal one second after opened
In this plunk I have an Angular UI modal that, when opened, it should be hidden for one second and then displayed. I use ng-show in the template itself, but that hides the contents, not the modal. How ...
1
vote
1answer
42 views
Determining Angular UI modal height programmatically
In this plunk I have an Angular UI modal with an alert popup that should display the modal height. Instead, it shows an empty variable. Where's the error?
HTML
<div the-modal></div>
...
0
votes
1answer
315 views
angular ui bootstrap popover open programmatically
I am trying to open the popover dynamically by setting popover-is-open property to true dynamically from the controller like this:
var el = angular.element(target.id); //popover attached to this ...
0
votes
0answers
125 views
$uibmodal backdrop issue for multiple modal
I am using angular-ui, $uib-modal.
If I open a modal which is appended to a div and then I open another modal that is appended to another div, meaning I open 2 modals in one HTML page, then the ...
0
votes
0answers
96 views
Dragging from Angular UI modal to div not working
In this plunk I have an Angular UI modal with a text element that I need to drag and drop into a div external to the modal. I'm using the draggable and droppable functions of jQuery UI. Is this ...
1
vote
1answer
466 views
Angular UI Week Picker Issue
Here, I am trying to use angular-ui-datepicker as a Week Picker.
But I m only getting normal date picker, month picker or year picker i want this picker as week picker.
Here is the html:
<input ...
5
votes
3answers
285 views
Avoid using $timeout in Angular UI Modal
In this plunk I have an Angular UI Modal wrapped in a directive. From the controller, I call a method to open the modal, but to do so I need to use $timeout, otherwise, the DOM hasn't finished ...
0
votes
1answer
152 views
Close button doesn't work in Angular UI Modal
In this PLUNK I have an Angular UI Modal and a button to close it. The button doesn't work because the Modal instance doesn't have a close method.
If you remove the rendered statement, the button ...
0
votes
1answer
349 views
z-index not working in Angular UI Datepicker
In this plunk I have an Angular UI Datepicker inside a div (the div has orange background). The problem is that the Datepicker is truncated, even though I set z-index: 99999. If I remove from the div ...
0
votes
0answers
80 views
Limit the draggability of ng-nestable
How can I limit the draggability of ng-nestable so each dd-item can only be dragged under the same parent tree.
If that is not possible, can I limit it to be draggable only to other dd-item with the ...
0
votes
1answer
340 views
Paging, sorting and filtering with angularJs, small issue
I have this annoying issue that when putting paging, and try to do sorting or filtering it is difficult to make work altogether, there are so many examples on the internet, I am writing cause I am not ...
0
votes
0answers
68 views
Angular Material Datepicker for HH:mm
I want to use Datepicker in my Angular, and I have checked this link Datepicker, but I only want to show HH:mm.
Any suggestion would be appreciated.
Edit:
Currnetly, I tried Jquery control with below ...
2
votes
1answer
188 views
AngularUI Bootstrap Carousel not working properly when binding HTML content with $compile
AngularUI Bootstrap version ^2.4.22
AngularJS version 1.6.4
Angular Sanitize version ^1.6.1
I'm having trouble using AngularUI Bootstrap's Carousel plugin. In my scenario, i need to read an ...
1
vote
2answers
492 views
Using angular-ui-bootstrap and a fixed sidebar
I've seen several examples of using bootstrap ScrollSpy / Affix, but I'm having a hard time applying that to angular-ui-bootstrap. I would like to have a left-sidebar on my UI, that is fixed (it's ...
0
votes
0answers
150 views
angular ui bootstrap on page load not popping up
I trying to pop up a modal on page load. I can see the response and html in the firebug console but there is no popup thats displayed.
Installed ui-bootstrap
Added in the app.js
angular.module('...
0
votes
0answers
57 views
Blank page after injecting ui.bootstrap without errors
After injecting ui.bootstrap into my module the application is loading a blank page without throwing any errors.
If i remove the injection that page loads fine.
angular.module('app',['ui.bootstrap'])...
0
votes
1answer
180 views
Angular ui bootstrap - Not able to inject resolve function
I have a button on click of that i have to open a popup. This is my configuration for opening modal :
var uibModalInstance = $uibModal.open({
animation: true,
...
1
vote
2answers
247 views
angular-ui-bootstrap, remove the last tab, the whole page was refreshed
I added ng-click event to remove the tab in uib-tab-heading.Everything was ok but when I removed the last tab, the whole page was refreshed which is not expected.
This is my code: http://embed.plnkr....
0
votes
2answers
324 views
Angular UI date picker error message in same line
In this plunk I have an Angular UI date picker with an error message that is displayed when the date is invalid. Problem is that the error message is shown below the date instead of the same line. How ...
1
vote
1answer
4k views
Angular UI date picker validation
In this plunk I have an Angular UI date picker and a message that should be shown only when the date is valid. The problem is that the message is always shown, even when form.$valid is true. Note that ...
0
votes
1answer
58 views
Angular-ui paging not working on modal
I am not able to make the angular-ui paging work on the modal and I don't get any error. Copied the code from a working paging without modal, but isn't working anymore.
This is my plunker:
<a ...
0
votes
1answer
177 views
UI-TAB SET == Active tab on button click
I am working on a front end developement. I have tabs and these tabs are developed using "UI=TABSET"
So My question is , Lets assume i have 2 tabs.. tab1 and tab2. Firstly am on tab1..under tab there ...
1
vote
0answers
98 views
Angular Dependencies in Webpack with ui-iconpicker
I'm attempting to use Justin Lao's ui-iconpicker in my web app. I needed to modify the source code to add a custom icon set and I'm having trouble getting my custom .js file to run. I have everything ...
1
vote
1answer
323 views
Is it possible to move/sort/reorder Angular UI Tags with drag and drop?
It seems possible with a previous version of Angular UI (see here) but I tried with uib-tabset and it doesn't work. Any ideas?
This doesn't work:
<uib-tabset sortable-tab>
<uib-tab ...
1
vote
2answers
337 views
How to compile dynamic content in Angular UI tabs?
In this plunk I have an Angular UI tab that displays HTML content. Each content has a div containing an ng-click directive, that doesn't work. Most likely the directive needs to be compiled? how to ...
0
votes
1answer
356 views
Display dynamic HTML as tab content in Angular UI
In this plunk I have a Angular UI tabs with HTML content that needs to be generated dynamically. Still, the tab contents shows instead the HTML markup. How to fix this?
HTML
<uib-tabset>
...
1
vote
1answer
314 views
how to focus on second popup, when open second popup from first popup in angular-ui-bootstrap modal directive
I have on scenario, I would like to show popup on popup with accessibility complaint.
first popup is working fine, if I opened second popup from first popup still focus is remains on first popup, it ...
1
vote
1answer
117 views
Edit field in background while keeping an Angular UI Modal open
In this plunk I have an Angular UI modal that's open and doesn't allow to edit/change anything in background. I need to edit a text field while keeping the modal window open. Is this possible?
HTML
...
-1
votes
1answer
267 views
angular bootstrap datepicker get visible dates (day mode)
I need to get visible dates from the Datepicker if mode is day.
Example:
In this case I need to get these 42 days. Also if user change month, I should refresh the Datepicker controller view and get ...
1
vote
2answers
263 views
angular bootstrap datepicker disable dates with $http request in dateDisabled function
So i have uibDatepicker directive (https://angular-ui.github.io/bootstrap/#datepicker) where i want to send request for each day provided in datepicker, hit server with that date, and return if it ...
0
votes
2answers
120 views
Model is not refreshed in Angular UI type-ahead
To replicate the problem in this plunk, enter anything in the field, select any row and then click on the button "Change Name". You will see that the model is changed but the Angular Type-ahead input ...
0
votes
2answers
384 views
Changing CSS of Angular UI dropdown list doesn't work
In this plunk I have an Angular UI dropdown list with a class that attempts to change the color of the items in the list when the cursor is on the item (on hover)
I tried assigning a class to the <...
17
votes
4answers
12k views
How to handle 'Possibly unhandled rejection: backdrop click' in a general way
I have an angular service for handling modals:
angular.module('myApp').service('ModalService', function($uibModal) {
function open(options) {
return $uibModal.open(options);
}
});
Now I ...
0
votes
1answer
127 views
Adding compiled element to Angular directive is not working
In this plunk I have a directive that contains an Angular UI Modal. The directive takes transcluded elements and populates the modal.
This works fine, however when I try to compile new elements and ...
0
votes
0answers
533 views
Angular UI bootstrap carousel get active slide Object
I'm trying to get active slide object from slides array, in angular UI bootstrap carousel:
My current solution:
app.controller('myContr', ['$scope', '$http', 'filterFilter', function($scope, $http, ...
2
votes
2answers
141 views
How to display navigation and footer in every page in Angularjs?
I'm making a SPA. I want to make a separate component for Navigation, Section, and footer. Navigation and footer must display for every page when I go to Home or About page, only the Section should ...
1
vote
1answer
53 views
Strange behavior when using Angular UI tabs
In this plunk the user should be able to click on one of three links. Each link has a related div that is shown when the user clicks on the link. Also, when the link is clicked its color turns red.
...
3
votes
4answers
3k views
Set Angular UI Modal height and width programmatically
In this plunk I have an Angular UI modal that has a related class the-modal to set the height and the width, they are initially set at 300px and 500px respectively.
What I need is to set the height ...
1
vote
1answer
173 views
Pass selected language from uib-dropdown language selector to $scope
I have next html template where user could select language:
<div class="btn-group" uib-dropdown>
<button type="button" class="btn btn-default dropdown-toggle" data-...
0
votes
1answer
392 views
Add id to ng-template with Angular Bootstrap accordion
I'm having trouble adding dynamic id to the heading template. I tried including an id="{{group.title}}" but it doesn't work. Any help or suggestion would be great!
<div ng-controller="...
2
votes
1answer
447 views
How to assign value to angular pagination custom template?
I am using custom template for angular pagination:
<uib-pagination
boundary-links="(vm.pagination.boundaryLinks == false) ? false : true"
num-pages="vm....
3
votes
3answers
17k views
How to close an Angular-ui-bootstrap uibModal on mouseleave using Factory?
I've recently switched all our modals directives in our app over to Angular-ui-Bootstrap modals. Much better, however running into a new style of modal which closes on mouseleave instead of a cancel ...
0
votes
1answer
335 views
Allow angular-ui-accordion to collapse on body click
I have a angular-ui-accordion(panel) on the left side of my page. The functionality is working fine.
But I got an Issue where the accordion only collapses when clicked at the ui-accordion-header. My ...
1
vote
1answer
505 views
Open AngularUI Bootstrap Typeahead Matches Results via Controller
Is there anyway to trigger opening the match results on a typeahead input text box from the controller?
use case:
user goes to https://example.com/search/searchText
controller of page sets the ...
