A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
1answer
7 views
Measuring Angular Bootstrap Time
I'm looking for an ideal way to hook into and measure the time of boostrapping an angular application which uses 'automatic intialization' (https://docs.angularjs.org/guide/bootstrap).
I've looked ...
0
votes
0answers
5 views
Close ui-bootstrap modal with mouse click with no backdrop
I'm currently migrating ui-bootstrap from 0.5.0 to 0.14.3 (yep, I haven't checked for updates for that long). In 0.5.0 there was a 'modal' directive with the 'options' config object. There was a ...
1
vote
1answer
14 views
angular ui-bootstrap datepicker mindate not validated when typed in
I have a form with a ui-bootstrap datepicker. I want to prevent the date from being in the past.
I set the min-date setting on the directive to a new Date() as shown below. This correctly prevents ...
-2
votes
5answers
28 views
How to do Pagination in Angular JS?
I have a dynamic array. I want to traverse into that array and add pagination to it. Currently, I am using ng-repeat for traverse but how I can add pagination with ng-repeat. Please help me into this?
...
0
votes
1answer
16 views
Angular JS ng-style
style attribute is appended to a element based on the expression in ng-style added to the element.Below is the code which adds background color to the Style attribute dynamically.
<div ...
3
votes
0answers
24 views
Use Jasmine to test a service with uibModal and lodash as dependencies
EDIT: Problem solved, see at the end of the post.
This is my first time using Jasmine, and I have tested my first Factory without problems.
But now, I want to test this Service :
...
0
votes
1answer
33 views
Two inline Bootstrap datepickers not fitting bootstrap grid column and panel
I am a newbie when it comes to frontend. I have been working on a little single page angularjs app and I came across an issue. On my page, I need two inline datepickers. I chose angular-ui-bootstrap ...
1
vote
3answers
23 views
AngularJS - Angular Routing App
I have a Angular Application, in a main.js file i have defined the app routing but i have a doubt, for example, i have a accodion menu of bootstrap, when i click about the next button:
<a ...
0
votes
2answers
11 views
Angular UI Bootstrap scope variables in custom typeahead template
I am using UI Bootstrap's typeahead directive, and added my own popup template via typeahead-popup-template-url. In that template, I'd like to access scope variables from the parent template (i.e. the ...
-1
votes
2answers
23 views
Disable past dates in datepicker-popup
I have below code snippet in which datepicker control is there.
<input type="text" name="startDate" class="form-control input-sm" datepicker-popup="dd-MMMM-yyyy" ng-model="startDate" required ...
0
votes
0answers
21 views
UI Bootstrap custom pagination template/functionality
I am using UI Bootstrap for pagination. The default template currently does not meet my needs. I am hoping someone can point me to the right direction to create pagination UI or functionality that ...
0
votes
0answers
35 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
19 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
14 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
30 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
31 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
42 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
24 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
23 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
37 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
32 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
28 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
31 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
33 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
56 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
32 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
24 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
19 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
72 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
94 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
114 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
161 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
31 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
21 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
48 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
88 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
34 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
46 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
105 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
62 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
28 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
66 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
177 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 <- ...
