Bootstrap helpers module for AngularJs framework
1
vote
1answer
14 views
Tabs shifting in angular bootstrap ui
I am new to angular bootstrap ui. Here i am using two uib-tabset. Based on shifting the main menu tag index value the sub menu tag index value changing. This is my code link [plnkr attached].
<uib-...
1
vote
1answer
21 views
how to change a css class when all tabs are closed in ui.bootstrap.accordion
How can I change a css class when all the tabs in ui.bootstrap.accordion are closed,for instance if the tabs were closed because another tab triggered them to close, the ng-class expression won't run ...
0
votes
0answers
10 views
How to choose standalone format for view datepicker in angular-ui bootstrap?
months : {
format: 'января_февраля_марта_апреля_мая_июня_июля_августа_сентября_октября_ноября_декабря'.split('_'),
standalone: '...
0
votes
1answer
22 views
Angular2 bootstrap from outside typescript file, directly from html page
I have existing website, which is build with angular1+requirejs and php. I would like to add angular2 (which I have already added, using angular2-cli).
I don't need angular1 to communicate with ...
1
vote
1answer
21 views
Angular Bootstrap UI accordion not working as expected
I am using accordion component of Angular Bootstrap UI. The first accordion is expanded by default. When user add new accordion then first accordion should collapse and newly added accordion should be ...
0
votes
0answers
22 views
Angular2 Meteor Uncaught no provider for ApplicationRef
Starting up my application gives this error:
Uncaught No provider for ApplicationRef!
ReflectiveInjector_._throwOrNull @ reflective_injector.js:786
ReflectiveInjector_._getByKeyDefault @ ...
21
votes
4answers
19k views
Using ui-router with Bootstrap-ui modal
I know this has been covered many times and most articles refer to this bit of code: http://stackoverflow.com/a/21213422/1031184
But I just don't get it. I don't find that to be very clear at all. I ...
0
votes
0answers
25 views
How to create connected modal forms with angularjs?
I want have a table showing a list of students. When a user clicks on a one of these students, a modal form pops up showing the details of the student (this works fine). I expose the selected student ...
1
vote
2answers
28 views
View list of default-label in bootstrap
I would like to view list of strings in default-label format of bootstrap with angular-js ng-repeat
Following is a code snippet,
<div class="row">
<div class="col-md-12">
<span ...
0
votes
1answer
13 views
How can I chaneg badge total color in Angular bootstrap calendar
I didn't found the solution to change the class of badge total on event cell ?
By default, it's badge-important, but I find the red a bit agressive when you have many events in Month view.
how could ...
1
vote
2answers
52 views
Angular-bootstrap 3-column layout
Hi i am trying to write the following layout in angular-bootstrap.But i am new to angular-bootstrap.
checkbox label1 checkbox label2 checkbox label3
...
0
votes
0answers
17 views
A really weird phenomenon with angular bootstrap carousel
I want to use ui.bootstrap.carousel in my project, the html code is as follows:
<div class="col-md-8">
<div style="height: 300px">
<div uib-carousel active="active" interval="...
2
votes
2answers
402 views
UI bootstrap carousel first slide doesn't show then crashes at last slide
I am trying to implement ui-bootstraps carousel but when the page loads the first image doesn't show but the controls and indicators do.
Then, when the second image shows, I can use the controls to ...
0
votes
0answers
12 views
Angular bootstrap ui datepicker remove disabled date,months,year
I disabled dates upto 18 years back from today. datepicker shows the disabled button. but i want to remove. i just want to show only valid date, month and year
Here my code:
HTML:
<input class="...
0
votes
1answer
18 views
Making a “Pressed” effect on a Panel using Angular bootstrap Version 0.13.4
I plan to have a grid of 6 rectangle panels, (3 X 2). Each panel will act as a button that will open a different module within my system. I am looking for some effect on mouseover or hover to apply to ...
0
votes
1answer
48 views
Carousel angular ui bootstrap 2.0.1
I have a problem with the uib-carousel of angular-bootstrap 2.0.1.
I don't understand what happen... I had angular-bootstrap 2.0.0 with a slider with images and video (videogular directives). ...
0
votes
3answers
134 views
add text instead of numbers in pagination, angular-bootstrap
I am using angular-bootstrap for pagination and want to change page number with text like year(eg. 2015, 2014, 2013).
Can we customize angular pagination directive so that achieve that case?
0
votes
2answers
23 views
How can I make angular-bootstrap datepicker accept 2 or 4 digit year input?
I've got a uib-datepicker-popup defined like this: uib-datepicker-popup="M!/d!/yy"
It works great except when I enter a 4 digit year. In that case, it seems to make my ng-model undefined. Is there ...
9
votes
4answers
4k views
angular-bootstrap dropdown on mouseenter and keep dropdown-menu from hiding before being clicked.
First, I'm aware of this posts:
Activating bootstrap dropdown menu on hover
Bootstrap Dropdown with Hover
How to make twitter bootstrap menu dropdown on hover rather than click
And others, but still ...
0
votes
1answer
38 views
Angular CLI Dropdown-bootstrap
Versions:
//package.json:
"devDependencies": {
"angular-cli": "1.0.0-beta.10",
"bootstrap": "^3.3.6",
"codelyzer": "0.0.20",
"ember-cli-inject-live-reload": "1.4.0",
"font-awesome"...
4
votes
3answers
12k views
Angular UI multi-level Dropdown Toggle
I'm trying to use the Angular UI Dropdown Toggle to create a multi-level / nested drop down.
When I click on the first level of the dropdown it simply closes up altogether and does not reveal the ...
12
votes
4answers
9k 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 ...
1
vote
1answer
18 views
Send selected typeahead option through typeahead-on-select
<input type="text"
class="topic_select"
id="selectTopic"
ng-model="topicsPopulate"
uib-typeahead="topic.name for topic in topics|filter:$viewValue"
uib-typeahead-...
-1
votes
1answer
45 views
Failed to instantiate module ng due to $injector:strictdi
I have "migrated" my Angular project to ES6 by simply adding babelify to my gulp browserify task. Everything was working fine, though I come back from the weekend and something broke...
My app is now ...
1
vote
0answers
26 views
Angular bootstrap - unable to disable dropdown menu according to filtering result
I'm using Angular 1.5 and Angular Bootstrap. I have a uib-dropdown element with a list, and a custom filter. The items presented in the list are obviously filtered according to the custom filter, the ...
0
votes
0answers
40 views
ng-table filter select dropdown adding extra blank option
I am using ngTable v1.0.0. I have a filter select dropdown. Even when I set my default option to the filter to "something" it still creates an empty option tag which shows up as a blank value.
How do ...
0
votes
0answers
18 views
How to close uib-tooltip from a directive's link function
I need to close a tooltip when a user clicks on an element. How can I close the tooltip from the link function of the directive? I was expecting tooltip to expose some controller or service to do that,...
1
vote
1answer
24 views
AngularJS bootstrap or load controllers on the fly
I think the answer to this question is "no" but I'm asking it anyways as I cant seem to find a definitive answer.
Can angularjs load controllers on the fly?
To explain further, I have an angular app ...
0
votes
1answer
15 views
angular-bootstrap-calendar: how to overwrite decrement / increment
each time the previous or next button of the calendar view are clicked I need to reload the vm.events from a rest-API.
How can I overwrite the methodes called by those buttons. As an alternative how ...
0
votes
1answer
28 views
Angular bootstrap dropdown auto-close not working when set to outside click
It is a simple dropdown which is supposed to close only on outside click.
It used to work in the earlier version (0.13).
Am I doing something wrong.
Don't want to have a work around like stop ...
5
votes
1answer
211 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.
...
0
votes
1answer
300 views
Unknown provider: 3Provider <- 3 using Angular 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 (...
5
votes
2answers
14k views
AngularJS refresh smart table after inserting new record in Bootstrap Modal Form
I use angular-bootstrap and and Angular Smart table.
I have a modal form which adds new records to database and shows the list in my smart table. Adding new records is working fine but how do I ...
0
votes
2answers
16 views
moment value can not init data-picker module
I use $scope.dt= moment().format("YYYY-MM-DD") to init datapicker module.
<p class="input-group">
<input type="text" class="form-control" uib-datepicker-popup ng-model="dt" is-open="...
1
vote
0answers
33 views
Popover bottom-right incorrect placement
When using the uib-popover-template attribute the positioning for 'bottom-right' is incorrect. How do I correctly position the popover content to 'bottom-right' using a template?
.directive('...
3
votes
1answer
993 views
angular bootstrap dropdown to open on left
I have used angular bootstrap dropdown successfully link.
But the problem it that the dropdown opens on the right side.
How can i make it to open on left?
Here is the markup and js i used from the ...
-1
votes
1answer
23 views
What are the libraries included for type ahead in angularjs
I want to run autocomplete with filtering based on the search in tex tbox. I want to know what are the libraries to be included in the head section.
-1
votes
1answer
22 views
Simple edit component for Bootstrap?
I can not find dedicated (text) edit (input) component in Bootstrap suite. What is the best practice for using edit (input) components in Bootstrap powered projects? It isn't be nice if edit ...
0
votes
0answers
15 views
How to create directive which will turn on/off angular-ui-boostrap modal when something is going on?
Am trying to create directive displaying/hiding modal when something is going on in controller? How to call method modal.show/hide from external scope/controller?
My code is here, but it might be ...
0
votes
1answer
43 views
Dynamically added using angular bootstrap date-time-picker not working
I have used date time picker . It works fine when i use it as static. how to make it works, when i add the input fields dynamically.
Html
<div class="form-group" ng-repeat="item in items">
...
0
votes
1answer
35 views
Form Input Field Validation Using Directives
I want to apply "ng-pattern" to the form input fields using a directive. Let's say I want to check if the value provided is an integer or not.
form-markup
<form class="form" name="frm" novalidate&...
0
votes
0answers
27 views
Display first values from array of objects on controller on load with AngularJs
I am trying to display the initial values from array of object on my template by default, when I navigate to lets say, session/1 or session/2 and so on, I can see the data getting display, but I need ...
0
votes
2answers
76 views
angular ui popover flicker incorrect position
I've seen posts about this bug being fixed by either updating angular-bootstrap or adding the template to $templateCache but none of these fixes has worked for me. The problem is that when the popover ...
0
votes
1answer
44 views
how to trigger blur on input applying angular typehead?
I have using the angular bootstrap typehead for small autocomplete and i need to trigger the blur of input on which i have applied the typehead onSelect of typehead.
HTML code:
<input class="form-...
3
votes
1answer
490 views
$uibModal.open() is not a function
I am trying to integrate Angular bootstrap modal form,
Here is my controller
angular.module('app').controller('groupController',['groupService','$uibModal','toastr','$scope',function(groupService,...
0
votes
1answer
55 views
display non matching dropdown selection list while typing special character like ! and @
I am facing issue while angular bootstrap ui typehead display dropdown result while typing !!(two times ! or four times!) and !@(combination). i try to add filter but with filter doesn't work ...
1
vote
1answer
58 views
Disable Dates Using Bootstrap datepicker
I am trying to disable some dates (eventually via an array I provide) using the datepicker control. However, it seems that nothing useful is passed in to the dateDisabled function. When I set a ...
0
votes
1answer
65 views
Angular Bootstrap datepicker popup issue
I have problem regarding angular bootstrap datepicker popup.
When i click on icon to open datepicker popup it will append html to element but popup is not coming.
I have checked up everything but i'm ...
0
votes
5answers
75 views
AngularJS - Controller can't be found
So I've tried to make a script which would load the files needed for my AngularJS application.
But when I run the Angular.bootstrap part I get this error
Error description at AngularJS home page
...
0
votes
1answer
41 views
Angular input[type=“checkbox”] doesn't getting checked in view though its value is true in scope
When I click "Cancel" in modal window, checkbox is unchecked, but it has to be checked (scope.enabledLogin has true after "Cancel" button is pressed and modal window is dismissed). Why?
Jade:
....
