A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
1answer
24 views
AngularJs - UI Boostrap Popover
Hello I'm using UI boostrap within Angular App
I would like to add Popover using UI boostrap, so this what I did so far:
<a popover popover-template="'tpl.html'" ...
3
votes
2answers
25 views
protractor by.repeater and visibilityOf only returning first item in collection
I am trying to use protractor's by.repeater to find all the elements enumerated in a collection. Being used here are the (key, value) in expression enumeration for the ngRepeat directive and UI ...
1
vote
1answer
33 views
Angular UI bootstrap progressbar minimum width
I am trying to set the minimum width of the angular UI bootstrap progressbar. I checked the docs and they do not mention how to do this. I know for the 'regular' bootstrap you can use something like ...
2
votes
1answer
11 views
Angular bootstrap lightbox Unknown provider error
I included all the necessary files and added the 'bootstrapLightbox' as a dependency to my module, but i keep getting this error when I'm adding the 'Lightbox' parameter to my controller:
Unknown ...
0
votes
1answer
20 views
Datepicker In Bootstrap AngularJS
I have Datepicker directive in my application. There's today button on top as well. Well, now I want to show todays's date in the text box when one clicks on Today. How can I acheive that?
1
vote
0answers
27 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
15 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
34 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
9 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
16 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
39 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
35 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
45 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
42 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
36 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
72 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
31 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
27 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
19k 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
15 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
57 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
43 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
50 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
36 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
25 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
453 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
40 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
33 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
98 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
401 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
31 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
25 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
25 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
24 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
29 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
35 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.
...
