Bootstrap helpers module for AngularJs framework
0
votes
1answer
11 views
Error :$parse:Syntax while using pagination through angular bootstrap
I am having trouble using pagination on my tpl pages.
The problem that occurs while using pagination is
The output that is shown on the web page is this
The node and build tools version that i ...
0
votes
0answers
8 views
uib-pagination strange total-items behavior
I have a table of users (10 in total). Also I have a service:
'use strict';
angular.module('myApp')
.factory('User', function ($resource) {
return $resource('api/users', {}, {
...
0
votes
1answer
11 views
Angular Unknown provider: $modalProvider <- $modal <- Controller
After upgrading to angular-bootstrap 1.2, this error occurred when loading my app:
Unknown provider: $modalProvider <- $modal <- Controller
6
votes
2answers
5k views
angular-bootstrap collapse table row animation not transitioning smoothly
I'm running into an issue with angular-bootstrap collapse directive and CSS. Basically when you add the directive "collapse" to a div it works fine. But when you try to expand/collapse a table row it ...
4
votes
0answers
82 views
How to handle month names inflection - Angular date localization
I run into an issue recently - in some parts of my angular application I have to show the date in the following format: MMMM yyyy, as well in some components of the Angular UI Bootstrap framework.
...
4
votes
1answer
50 views
angular-bootstrap add new directive dosn't work
I want to create a new directive into ui.boostrap.accordion module to avoid accordion open click event.
I have the following code in another file.js:
angular.module('ui.bootstrap.accordion')
...
0
votes
1answer
24 views
Plotly graphs in angular bootstrap tabs
I got a directive that draws a plotly chart in a tab. Put since the tab isn't properly rendered plotly can't set it's size properly
<tab ng-click="barChartControl.render()" ...
2
votes
0answers
34 views
angular-bootstrap-datetimepicker not updating
I am using ui.bootstrap.datetimepicker, wanna update with custom date after date changed. So I am using 'data-on-set-time' attribute & calling method onTimeSet
HTML
<div class="dropdown">
...
-1
votes
1answer
26 views
Replace directive definition in AngularJS
I use library AngularUI Bootstrap. And i want create a new custom directive "datepicker", but this directive defined in AngularUI Bootstrap.
Question:
I can remove directive from any module?
I can ...
0
votes
1answer
19 views
angular bootstrap modal disable backdrop
How does one disable the backdrop in the angular bootstrap modal backdrop?
I've tried css hiding the outer container of the modal:
.modal {
display: none;
}
but that ends up hiding the modal ...
1
vote
3answers
49 views
Translating angular bootstrap directives using angular-translate without filters?
How do you best translate angular bootstrap directives like uib-tab and uib-tooltip without the use of filters?
Filters add a lot of watchers, so I don't want to make it like:
<uib-tab ...
2
votes
0answers
59 views
How to disable angular library dependency?
I'm working on a project using TypeScript, AngularJS, ES6 and JSPM. I have some libraries, including of course AngularJS and some other that depend on AngularJS, like angular-bootstrap-datetimepicker.
...
1
vote
0answers
44 views
Localize AM , PM in data-timepicker in angularjs
I've added a data-bs-timepicker directive to <input> in order to have a time picker , so it works fine but it didn't localize
AM, PM values or meridian values while picking the time to my ...
0
votes
1answer
55 views
Mocked function not found in AngularUI modal controller unit test
I'm using Angular-Bootstrap modals and have a basic controller like so:
.controller('DashboardHelpController', ['$scope', '$uibModal', function ($scope, $uibModal) {
var dhc = this;
...
0
votes
1answer
33 views
Angular Bootstrap datepicker too narrow
I've followed the demo on the Angular UI boostrap page to add a datepicker to my Django site.
I included the following files:
<script type="text/javascript" src="{% static 'js/bootstrap.min.js' ...
0
votes
1answer
252 views
AngularJs UI Bootstrap Datepicker not working when used in another angular app
I am using here two ng-apps and controllers. When I try to implement the angular ui bootstrap datepciker it is giving me the following error,
Error: [ng:areq] ...
1
vote
2answers
414 views
Angular google map searchbox inside angular bootstrap modal
Im using these two cool Angular modules, Angular Google Map and Angular UI Bootstrap.
What I want to achieve is to put the google map with a search box inside that modal, the map alone works fine ...
11
votes
5answers
1k views
How to close Angular-bootstrap popover when clicking outside [duplicate]
I am attempting to close my Angular-bootstrap popovers when clicking anywhere outside the popovers. According to an answer to this question this can now be accomplished (in version 0.13.4) by ...
9
votes
3answers
226 views
Using ng-click inside a tooltip
I'm using Angular Bootstrap UI and I have a working tooltip.
HTML:
<div ng-app="helloApp">
<div ng-controller="helloCtrl as hello">
<a tooltip-trigger="click" ...
-1
votes
0answers
32 views
How to make images stick together in angular ui carousel?
I don't know how to do.I tried in css but no luck. I have carousel slider and when i am lopping through array it shows me each slide separately. I would like to make slider images liquid without extra ...
0
votes
0answers
39 views
Expand in a row below my clicked ng-repeat item
I try to display a list of user with angular & angular bootstrap with, for each user, an expandable description below.
The users are displayed inside a ng-repeat, while clicking theirs image, a ...
19
votes
2answers
1k views
Strange angular-ui datepicker dependency error
Just re-installed some bower components but the components in question here were not updated, same 0.12.0 ui.bootstrap. Also using ui-router 0.2.13 to change state to another page.
The odd error ...
0
votes
0answers
38 views
angular ui grid row grouping color
Default UI grid has white and gray alternate color for each row
I am doing grouping in ui grid and want alternate color for the grouping rows
for example from below screen it should be one color to ...
0
votes
0answers
88 views
Angular Send new request to open after close modal without page refresh
I am usign angular bootstrap modal. When I open a modal and then close it by clicking on close button of modal and again if I try to open same modal without refreshing page then no new request send to ...
3
votes
1answer
48 views
Accessing directive attribute in controller
I'm new to angular and I'm using angular-bootstrap-datetimepicker, and I want to access its directive attribute data-datetimepicker-config in my controller
<datetimepicker ...
0
votes
0answers
50 views
Move opened uib-accordion-group to top
When a user opens a uib-accordion-group I wanted to make that group move to the top of the list, so I decided to put an ng-click on each uib-accordion-group tag and move them in code like so:
...
0
votes
0answers
22 views
Open internal links inside a madal in same modal
I am using bootstrap and angular and i have code like
$modal.open({
templateUrl: 'views/abc.html',
controller: 'abcCtrl',
resolve: {
newId: ...
0
votes
0answers
16 views
Angular bootsrap ui , pop up an input in a modal template on focus
How can i make an input to pop up on focus using Angular bootsrap ui plugin ,in my angular app ,below is my code for modal view :
<div class="col-lg-12 modal-body">
<div ...
0
votes
1answer
140 views
Angular Bootstrap Accordion and ngAnimate, how to prevent animation on initial page load
Setup and problem:
I'm using Angular, angular-bootstrap, angular-animate, and angular-ui-router and I want a simple accordion. Getting the accordion to work and animating is simple enough, but I want ...
0
votes
2answers
75 views
Angular Bootstrap UI: Input Fields in Tab-Heading
Again I got a Problem with Angular Bootstrap UI Tabs.
Short description of my problem:
I want the user to create different pages with different titles. After a page is created, I create a new tab with ...
0
votes
1answer
40 views
Meanjs and angular-bootstrap compatibility issue
I'm trying to run some default examples provided from https://angular-ui.github.io/bootstrap/ with my default Meanjs 0.4.1. Everything is supposed to work properly because the required packages are ...
3
votes
0answers
44 views
Delete a child angular directive on some elements
I have directive
class MyDirective
constructor: (@$compile) ->
return {
scope:
var1: "="
var2: "="
restrict: 'A'
templateUrl: 'views/template.html'
...
0
votes
0answers
23 views
Angularjs Typeahead filter
I am using Angular Bootstrap Typeahead,
in the typeahead attr i am doing the following
typeahead="cust.FirstName
+ ' ' +
cust.LastName
...
0
votes
0answers
21 views
Angular bootstrap - accordion shows content when closed
This seems pretty straight forward but I don't understand why this accordion menu is always showing the content, before the header is clicked. I'm stuck using version 0.13.0 for now.
<accordion ...
2
votes
2answers
260 views
Strange behaviour of angular bootstrap collapse
I faced with strange behaviour of uib-collapse.
Let's assume I have a list of elements and i want each of them to be collapsed. Also i want to refresh its content periodically depend on something.
...
2
votes
1answer
21 views
Angular ui-router extend url after path parameter
Is this type of routing is possible with ui-router ?
parent state ---> /saved/:id
child state ---> /saved/:id/eat
Bellow is my code snippet. Why I try to do this the page is redirected to route.
...
3
votes
1answer
46 views
Model binding addonLeft.text angular formly
I am using bootstrap templates with angular-formly and I wanted to bind addonsLeft.text to a model so that it dynamically changes once a select option has changed.
This is how an input looks like:
...
0
votes
0answers
37 views
ng-click= $event.preventdefault() inside the angular bootstrap accordian anchor reloading the page
I'm using angular bootstrap accordian. I have mark as favourite functionality inside the header of accordian but when i try to click on that star icon it gets selected but the page is reloading. I'm ...
0
votes
0answers
63 views
Angularjs UI bootstrap Datepicker
I am using Angularjs datepicker in my application. I want to display selected date in UI. It should display "Selected Date:dd/MM/yyyy" which is working correctly. But If I select today's date it ...
5
votes
3answers
1k views
In angular bootstrap tabs, how to cancel tab change?
I want to cancel tab change/panel switch when user clicks another tab and I discover that changes in the current panel are not saved.
I use the deselect() attribute of element <tab>, ...
0
votes
2answers
27 views
Remove offset on small screens
I have div in container that I want to be col--8 with offset-2 on medium, large, and extra large screens - this would put it in center of page and smaller with wide, however at same time when screen ...
1
vote
0answers
18 views
angular-bootstrap dropdown menu put options into separate files
I have drop down menu like this:
<ul class="my-dropdown-menu">
<!--<li><a href="#">Action</a></li>-->
<li><a ...
0
votes
1answer
16 views
Debugging the output of $viewValue for angular bootstrap
Is there a way to output and find out what view value is in the handlebar templates?
I've tried attaching view value as a test directive like so:
<div ...
1
vote
1answer
89 views
angular bootstrap typeahead set ng-model to the object not a single field
I'm using the angular bootstrap typeahead directive. Is there a way to select the whole selected object to be set in my ng-model instead of the string when i utilize typeahead?
e.g.
mycontroller.js
...
0
votes
1answer
191 views
Unknown provider: 3Provider <- 3 using Angulat Bootstrap uibModal
It's been a few weeks with this problem, I'm new to Angular so I hope is an easy fix.
I'm using Angular Bootstrap Modal (ui.bootstrap.modal) and it's not working. this is my code.
On contentApp.js ...
0
votes
1answer
42 views
Angular ui bootstrap modal won't animate after bower install
I ran a bower install and have some sort of dependency conflict, everything works and the site loads fine with no errors but the bootstrap modals won't animate. animate is set to true. Any tips for ...
4
votes
2answers
1k views
Angular UI Bootstrap Modal: [$injector:unpr] Unknown provider: $uibModalInstanceProvider
This is a bit strange. When I search this issue online I see many pages of Google results and SO solutions... but none seem to work!
In a nutshell, I am trying to implement AngularUI Bootstrap ...
5
votes
2answers
205 views
Angular bootstrap typeahead with asynchronous load is one character behind
I have implemented the following typeahead code in a directive.
Here is the HTML:
<div>
<input type="text"
ng-model="company"
uib-typeahead="company as ...
0
votes
1answer
97 views
How to speed up display of modal in Angular app?
I'm making a web app with AngularJS and Angular Bootstrap. I am using a modal to allow the user to select one of many items in a list. The list is rendered with ng-repeat.
On some mobile platforms, ...
1
vote
1answer
44 views
angular-bootstrap date picker shows incorrect date for 'yyyy-mm-dd' format [duplicate]
We're storing birth dates in the format of yyyy-mm-dd. When this format is provided to the angular-bootstrap date picker, it selects the incorrect date in the popup. Converting it to a date object ...
