A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
21 views
Error: $injector:modulerr Module Error on ui.boostrap dependency injection
I have been banging my head against the wall for a while now on this. I am trying to include UI-Bootstrap with my angular application. Unfortunately I keep getting this error when I try to include the ...
0
votes
0answers
18 views
carousel slider not working with angular js controller
I have been using carousel slider in my application and works fine with this code
JS
var app = angular.module('myApp', []);
app.controller('offerCtrl', function ($scope, $http) {
$scope.stores ...
0
votes
2answers
18 views
Angular link array of number with scope
I am using Buttons (ui.bootstrap.buttons) from UI Bootstrap and
I want to link the state of the button with a variable in a array.
This is my controller:
angular.module('test')
.controller('btest',
...
0
votes
0answers
12 views
ui.Bootstrap.Collapse forces a submit in Angular
I have a form that uses ui.bootstrap collapse, on selection it always submits, not sure why, here is my code:
HTML:
<form class="form-horizontal" role="form" ng-submit="update($event)">
...
0
votes
0answers
26 views
How to Increase Date after the time in Timepicker passes midnight?
I have a startDate model which I have bound to a bootstrap date picker and timepicker. When I increase the time in the Time picker and it passes midnight, I need to have the model increase its date as ...
1
vote
1answer
20 views
Angular UI: field entered in Modal is undefined in controller
Please run this plunker, if you enter a value in the modal and then click on show value, the value is undefined in $scope, how to get the value?
HTML
<div ng-app="app" ng-controller="myCtl">
...
0
votes
1answer
30 views
Bootstrap accordian group issue
I am into a very dicey situation. I have a following accordion group which I want to open based on logic in the logic. I should also be allowed to open two tabs at a time. When the page loads the ...
1
vote
4answers
39 views
html - href in accordion header not working
I have an accordion with links in the header. It is in such a way that the accordion can be opened when clicked anywhere on the header. Because of this when clicked on the link, instead of going to ...
0
votes
1answer
22 views
How to enable all dates
I am using the angular ui datepicker widget from the angular ui bootstrap library (http://angular-ui.github.io/bootstrap/). By default, the datepicker only allows today or later dates to be enabled. ...
0
votes
1answer
17 views
$compile:tpload Failed to load template (HTTP status: 404) happens in one sub url only
I am trying to run my angularjs-based app on local file throughout File transfer protocol(not on any server).
My project contains html files as
index.html and template folder on the top level, and ...
-1
votes
1answer
21 views
How to sum a column value on result return by some search?
http://jsfiddle.net/wenyi/e3nk137y/33/
In above link we have a table and show data using a url.
I want to sum Forks column on the result return by search something in table.
Eg. if I search boot or ...
4
votes
1answer
31 views
angular-dialog-service $injector:modulerr
Using 5.2.11 of https://github.com/m-e-conroy/angular-dialog-service/tree/v5.2.11
Angular 1.4.8
I'm adding ui.bootstrap and dialogs.main to my app file:
var FuelTeamworkHelperApp = angular.module( ...
1
vote
1answer
31 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
1answer
22 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 ...
1
vote
1answer
30 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?
3
votes
2answers
32 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 ...
2
votes
1answer
49 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 ...
1
vote
0answers
28 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 ...
1
vote
2answers
20 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
18 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:
...
4
votes
1answer
56 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 ...
1
vote
0answers
78 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 ...
1
vote
1answer
78 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
38 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}}" ...
0
votes
1answer
18 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 ...
1
vote
1answer
120 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 ...
1
vote
2answers
30 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
3answers
33 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 ??
0
votes
1answer
18 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
...
1
vote
2answers
45 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
73 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
votes
1answer
31 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 ...
1
vote
1answer
43 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 ...
0
votes
2answers
88 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
0answers
55 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.
...
-1
votes
0answers
27 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 ...
0
votes
1answer
30 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 ...
0
votes
1answer
58 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 ...
1
vote
2answers
148 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
1answer
33 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
1
vote
0answers
26 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'])
...
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" ...
-2
votes
1answer
29 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
6
votes
1answer
49 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
44 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 ...
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.
...
0
votes
2answers
26 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. ...
0
votes
1answer
21 views
AngularJs Bootstrap UI Simple injector error
I'm using ui-bootstrap-tpls-0.14.3.min but the code below is giving an error something like this. What is the problem?
"Error: [$injector:unpr] ...
0
votes
0answers
22 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 ...
