A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
12 views
Angular ui bootstrap popover with template
<a data-ng-href="" uib-popover-template="'profile.html'" popover-placement="bottom"></a>
<script type="text/ng-template" id="profile.html">
<div class="media">
...
-1
votes
1answer
10 views
Angular UI Bootstrap Datepicker move click outside
i want to have possibility click on some button on my page and datepicker will change view to prev/next month/year (normal datepicker have this option above calendar).
I found out that function ...
1
vote
1answer
23 views
ng2-bootsrap has no exported member 'TAB_DIRECTIVES'
I am working on angular2 i which i have to use the tab for ui. For that i have trying to use plugin http://valor-software.github.io/ng2-bootstrap/
i have wrote a demoComponent as
import { ...
0
votes
1answer
13 views
Alter pagination colors before active page with uib-pagination
I am trying to achieve a pagination control that shows different colors before/after the active page as such:
pagination control
I'm using uib-pagination with a custom pagination template as follows:
...
0
votes
0answers
22 views
I get the following error Unknown provider
I get the following error Unknown provider: $uibModalProvider <- $uibModal
ui.bootstrap is injected properly, but when I try to inject uibModal it is complaining..
Upgraded to angular bootstrap ...
0
votes
0answers
9 views
bootstrap-ui tabs and accordion not working properly with ng-view, but are working with non-ng-view content
I have a site that is using angular, bootstrap, bootstrap-ui and angularAMD (in order to use require.js).
I'm using ngRoute and ng-view to switch the content (using html partials) and the angular ...
2
votes
1answer
17 views
Bootstrap Progress Bar Animation Using 50% CPU
I have a couple of progress bars on my site <div class="progress-bar progress-bar-striped active"></div>.
These progress bars take up about 50% CPU.
When I remove the class active from all ...
0
votes
1answer
22 views
How to pass a list of a picklist component (boostrap) via POST (ajax) to my Java controller - AngularJS
Project: jsp + AngularJS
I have a modal, where I already pass some info to my java controller via POST (ajax), it works fine.
But, I inserted a new component and I do not know how to receive my ...
0
votes
0answers
16 views
Get index from several carrousel in angularJS
I am trying to get the index of several carousels from bootstrap. At this moment I get only the index of one carousel.
Here is the code.
<body ng-app="menuAPP" ng-controller="mainController">
...
0
votes
1answer
23 views
Bootstrap changing keyboard tab key behavior to horizontal
Due to the boot strap design, the keyboard tab key is working vertically(col wise) instead of horizontally.
Can I make the keyboard tab key behavior horizontal(default behavior) without changing the ...
0
votes
1answer
22 views
AngularJS Twitter Bootstrap dropdown menu inside Nav bar
I am trying include a dropdown menu inside a navbar with Angular-UI Bootstrap. Please see this plnkr
I played with css and i can get it to working on desktop version. But when it comes to mobile view, ...
2
votes
1answer
18 views
Bind title and data in navbar
Using Bootstrap v3.3.6 to design a mock-up which will eventually use Angular JS for data rendering. I am interested in displaying title along with data in navigation bar as show below ( in 2 row ). ...
0
votes
0answers
27 views
Angular UI Bootstrap Pagination ng-model not updating
I am trying to use a UI Bootstrap Pagination directive in my project, but for some strange reason the ng-model used for updating the current page is not working. The pagination is showing up correctly ...
0
votes
2answers
39 views
Accordian Control not working
I am trying to use the accordion for implementing it in one of my use case.
Accordion is not working properly. when I click on heading it is not opening and closing.
My HTML Code:
<accordion ...
0
votes
1answer
13 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
1answer
25 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
31 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
30 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
43 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
35 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
25 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
18 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
25 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
39 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
20 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
20 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
17 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
31 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
23 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
43 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
25 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
33 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
40 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
36 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
33 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
35 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
65 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
37 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
28 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
88 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
119 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
145 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
39 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 ...
