A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
1
vote
0answers
24 views
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 ...
0
votes
1answer
14 views
$modal.open caches OLD copy of UI
I am opening a modal dialog with the following:
var modalInstance = $modal.open({
animation: false,
templateUrl: '../templates/ResponseModal.html',
controller: ...
2
votes
1answer
23 views
Angular-UI typeahead results not showing in dropdown
Im using Angular-ui typeahead component to hit an autocomplete API, and I'm parsing the data I get back into an array called resp. However, Im not seeing the data getting passed to the autocomplete ...
0
votes
1answer
8 views
AngularUI Bootstrap modal close event for any instace
I am using UI Bootstrap AngularUI and I need to call a function when any modal is closed.
I know that I can call a function when a specific modal instance closes like this:
...
0
votes
1answer
15 views
standard structure for angular via npm
I am looking for standard structure for starting my angular 1.5 project, I am interested to get it from npm with very basic func,to add bootstraup and so on.
something like: betterjs
I looked at ...
0
votes
1answer
34 views
AngularJS uib-datepicker doesn't display calendar after the first open/close event while in uib-tab
Versions:
Bootstrap 3.5.5
AngularJS 1.4.7
AngularUIB 0.14.3
I'm using a uib-datepicker in a tabbed page (using uib-tabset)
<uib-tabset type='pills'>
<uib-tab heading='HeatMap'>
...
0
votes
0answers
22 views
How to make angular uib-typeahead to show suggestions immediately after binding the model?
I'm implementing a search here. When user enters a character in input box, on ng-chanage event I hit the api, get the model and bind it to uib-typehead. Now I want when I bind the model uib-typehead ...
128
votes
3answers
46k views
What is the difference between ui-bootstrap-tpls.min.js and ui-bootstrap.min.js
At the Angular-UI-Bootstrap page on cdnjs, is says:
Native AngularJS (Angular) directives for Twitter's Bootstrap. Small footprint (5kB gzipped!), no 3rd party JS dependencies (jQuery, bootstrap JS) ...
25
votes
3answers
23k views
$watch not firing on data change
I have a watch setup against the model of a ui-select2 dropdown (from ui-bootstrap). The watch fires on load but not on data changes and I can't figure out why.
It isn't the usual problem of not ...
8
votes
3answers
4k views
How to use the same controller for modal and non-modal form in Angular UI Bootstrap?
I've got a modal with a registration form. The same form should be displayed at the bottom of the landing page not in a modal.
Currently my controller that handles registration modal takes ...
1
vote
1answer
42 views
Reuse Angular Controller for Modal and Non-Modal
How would I go about reusing an angular controller for the purposes of a modal as well as a non-modal? I have a new business requirement to have the same form that exists already in a modal (just the ...
0
votes
1answer
41 views
Angular Bootstrap modal not returning to the parent window
I have a Angular bootstrap modal. When the user clicks OK on the modal, I call an angular function and the function works and it returns as desired as I can see the screen is refreshed behind the ...
4
votes
1answer
2k views
Disable dates using factory response UI Bootstrap Datepicker
I'm trying to disable a date in the UI Bootstrap Datepicker connected to a Google calendar if that dates already have 3 or more events.
Thus far I get the array of events using an Angular Factory ...
0
votes
0answers
35 views
ui-bootstrap dropdown show alert and disable dropdown
I have ui-bootstrap down which shows 4 options in the dropdown as shown below:
<div class="btn-group" dropdown style="margin: 0; padding: 0;">
<div id="btnDate{{$index+1}}" ...
1
vote
1answer
54 views
$uib-modal error on open and close
I am having problems opening up a simple modal popup.
I am using uib-bootstrap 14.3, angular.js 1.4.7, bootstrap 3.3.5.
I followed the documentation and examples I have found online and even with a ...
0
votes
2answers
27 views
How to label a dropdown so first item is not the label and possibly having a input field inside
I would like this dropdown box to have a label "select so and so..." and when the user pressed the carret, the dropdown list is displayed and the first item on that list be a blank selection not the ...
0
votes
0answers
84 views
UI-Bootstrap Modal not in Virtual Server Directory
My website is located in this folder :
/var/www/deadpickle
Bower, the management I use for scripts, is located in this folder :
/var/www/bower_components
My website uses angularjs and ...
0
votes
3answers
28 views
it is necessary to learn bootstrap before angular js
i am newbie in Angular-js and wants to learn Angular-js effectively.i have not worked in Bootstrap before. Is it necessary to learn Bootstrap before learning Angular-js ??
-1
votes
1answer
26 views
Dropdown is not showing
I am having trouble getting my dropdown's to work. I can get the navbar to show up perfectly, but when I click on "Dropdown" (either of them) it does not display the dropdown menu. I have tried ...
2
votes
3answers
18k views
AngularJS - Closing Modal Window
My includes are:
bootstrap.css [ getbootstrap.com/2.3.2 ]
angular/ui-bootstrap-tpls-0.10.0.min.js from: [ angular-ui.github.io/bootstrap ]
I am using AngularJS and Twitter Bootstrap.
From ...
0
votes
1answer
11 views
Angular-ui Typeahead directive calling factory
I'm trying to use a factory within the directive's controller, but it doesnt populate the typeahead as it should. By using $http.get directly inside the directive, it works perfectly.
Typeahead html
...
0
votes
2answers
42 views
$uibModalInstance.close not working
I have the following code:
.service('loginModal', function($rootScope, $uibModal) {
function updateUserData(user, data) {
Object.keys(data).forEach(function(key) {
...
1
vote
2answers
41 views
Angular-UI Bootstrap's typeahead ng-model doens't work as expected when placed inside tabs
I'm using angular-ui typeahead plugin as following:
<input type="text" ng-model="selected" uib-typeahead="state for state in states | filter:$viewValue | limitTo:8" class="form-control">
when ...
4
votes
0answers
45 views
AngularJS Error Unknown provider: $$jqLiteProvider <- $$jqLite <- $animateCss <- $uibModalStack <- $uibModal
I trying to create a simple modal that pops up and gives different menu options. It should be easy, and I followed the Plunker for modals on the ui bootstrap site but I'm getting an error that says ...
1
vote
0answers
33 views
Angular ui bootstrap $uibModalInstance breaks down unit tests
By using the $iubModal service to open a modal window, we need to inject the $uibModalInstance in the modal controller to close or dismiss the modal window, this injection break down my unit tests.
...
3
votes
4answers
2k views
hide only clear button in angular js datepicker directive
I want to hide only clear button from datepicker directive in angular js.
Currently there are three buttons at the bottom of the angular js datePicker directive(Today, clear and Close), Is there any ...
0
votes
1answer
24 views
$sce.trustAsHtml returned value not compiled by $compile
I'm trying to make a custom popover with html by using angular bootstrap-ui popover with fullcalendar's events as described here: Getting Angular UI Calendar to work with UI-Bootstrap Tooltips
But I ...
-1
votes
0answers
23 views
Scroll typeahead div with arrow keys
This problem may seem silly but i think its an usabillity issue that need to be fixed for me and i was not able to find a specific solution to it. Maybe just some css do the trick, i don't know...
I ...
2
votes
3answers
445 views
Angular Bootstrap Dropdown not working in Angular Fullstack
I have copied code directly form the Angular Bootstrap UI Plunkr
I am using a blank Angular FullStack (Mean) template for building an application.
When I use the code from the Angular Bootstrap ...
0
votes
1answer
31 views
Passing value out of uib-accordion scope to the parent scope
I am using the uib-accordion directive from ui-boostrap for AngularJS.
I have a question about passing value out of the transcluded directive, uib-accordion-group.
When simply setting a variable to ...
0
votes
1answer
2k views
How to pass a function to angular ui bootstrap modal
What is the best way to pass a function to an angular ui bootstrap modal dialog? I created a method in my modal controller that calls $scope.$parent.myMethod() like so:
$scope.isChosen = ...
0
votes
2answers
30 views
AngularJS ng-options/Typeahead expression syntax
I was trying to find the AngularJS select with ng-options or Typeahead expression syntax but I couldn't find the whole thing in one place, so I gather information from here and there and this is what ...
4
votes
3answers
2k views
Unknown provider: $uibModalInstanceProvider - Bootstrap UI modal
I have a problem with UI Bootstrap modal.
In one controller I have this:
app.controller("tableCtrl",['$scope','$http','$uibModal','$log' ,function ($scope, $http,$uibModal,$log) {
$scope.open = ...
1
vote
2answers
81 views
Angularjs - $uibModal provider error
I'm trying to inject $uibModal into my project, however when the controller loads, I get the following error:
Error: [$injector:unpr] Unknown provider: $uibModalProvider <- $uibModal <- ...
0
votes
2answers
398 views
Set Modal window height based upon browser window size using Bootstrap
how to set the max-height for the modal window to be 80% of the current browser window size using bootstrap.
Thanks
0
votes
1answer
29 views
AngularJS show/refresh Google Maps inside tab
Been working on this issue for several hours and cant seem to get a workaround ( even though I read tens of pages on this ).
I have a bootstrap tabs system on a page. On the third tab, I have a google ...
google-maps
14
votes
5answers
7k views
Hide Angular UI Bootstrap popover when clicking outside of it
I am trying to manually close a bootstrap popover to get it to close when I click anywhere on the document or body that isn't the popover.
The closest thing I have found to accomplishing this is to ...
-2
votes
1answer
23 views
image with text in typehead autocomplete in AngularUI
is it possible to insert image also in the autocomplete dropdown in the typehead of angular JS UI
1
vote
0answers
24 views
Angular masonry pagination does not work
please help. For the third day, I can not cope with the task. I have a script that displays the images in the form of masonry.
angular.module('demoApp', ['angularGrid', 'ui.bootstrap'])
...
5
votes
2answers
1k views
Angular UI Tooltip overflowing screen
I have a tooltip (http://angular-ui.github.io/bootstrap/) with a status notification, but when this notifications is to large, it overflows the screen limits. here is a print of what is happening:
...
0
votes
0answers
20 views
How to pass the focus back to modal from Angular
I am using a modal from where I call a Angular function. Everything happens fine but the control is not returned to my parent window.
Is there something I am missing
Here is my modal
<td ...
2
votes
1answer
28 views
form-control attribute is not adjusting to bootstrap modal template
I am trying to create a modal with form using angularjs and bootstrap.
First I created the form and now I am trying to put it to modal template but the form-control is sliding out of the modal as you ...
0
votes
0answers
23 views
how to use boostrap datepicker in apache wicket?
am try to modify the ui design of wicket datepicker.am not able to solve that problem.
<p class="input-group" ng-controller="DatepickerDemoCtrl">
<input type="text" wicket:id="endDate" ...
0
votes
2answers
26 views
isOpen for only first element in ng-repeat in angualr ui-bootstrap accordion
I would like to use isOpen attribute so the first element will open at load. but when I try it with the code below it won't do it in the expected way. it will do open the first one but when click on ...
0
votes
1answer
34 views
Extending UI-Router-Tabs To Display Form Validation State
I'm pretty new to Angular and having a problem figuring out how to bind a value from a data service to a customization of the https://github.com/rpocklin/ui-router-tabs project that I have created.
...
0
votes
2answers
17 views
Angular Bootstrap Carousel Not Pause On Hover
I'm trying to prevent my carousel from stopping when the mouse is over the slides. I've tried to add pause=false in the uib-carousel directive as I have read somewhere else however that doesn't work. ...
6
votes
1answer
46 views
selectable table modal popup in angular js
I am trying to open a modal popup with table. How can I do this? In my app.js, on the click event of row open a modal, I also want to update some field with the selected item value. But i can't ...
0
votes
1answer
40 views
returning json object in a modal to a grid and editing it in Angularjs
I constructed a ui grid which has a column for editing, the grid information is populated by a json. Upon clicking the edit column a modal is opened. I want the user to be able to edit the row it ...
0
votes
0answers
27 views
Angular UI Bootstrap 0.14 modal
Hi I have a problem :D The problem is about modals. I have 4 different files work together these are;
index.html: my main html file that I include the css and javascripts and all the other html ...
2
votes
1answer
54 views
calling a function when AngularUI Bootstrap modal has been dismissed and animation has finished executing
I'm using the Angular UI bootstrap modal and I ran into a bit of a problem.
I want to call a function when the bootstrap modal dismiss animation is finished. The code block below will call the ...
