Tagged Questions
0
votes
0answers
9 views
Array of ui-bootstrap typeaheads not in sync with underlying array
I am encountering a synchronization issue when trying to use a UI-Bootstrap typeahead inside an ng-repeat block. The issue comes up when my typeahead is being rendered by another directive.
...
0
votes
0answers
23 views
Bootstrapping maps inside partial
Recently I was trying to incorporate map inside partial using anuglar native ui.map. Hovewer, it seems that my partial is trying to initialize map controller before I bootstrap it. What should be done ...
0
votes
1answer
10 views
Angular UI Bootstrap monthpicker
I am trying to setup the date picker to work as a month picker. Everything works as expected as long as you're clicking a month and/or going to prev/next year. However, if you want to broaden the year ...
1
vote
0answers
12 views
Firebase syncObject is showing redundant error in my Angular controller
I am building an app for a client who has, as one of their data sets a master list of all their members. I have the data coming in from Firebase and everything runs peachy, but it's not that DRY I am ...
0
votes
3answers
20 views
Ui-router modal injection error on minification
I'm using ui-router and ui-bootstrap/modal
I've got a sale screen split in 2 so I have a left side with the cart and the right one can have the catalog, an edit product or a payment section.
I need ...
0
votes
0answers
14 views
How to disable backdrop static from the modal
I opened the modal with :
$modal.open({
templateUrl: 'partials/modals/modal-scratchCard1_uibootstrap.html',
controller: 'modals-game_BootstapCtrl',
backdrop : 'static',
keyboard : false
});
...
0
votes
0answers
25 views
ui.bootstrap.typeahead not set editable on change model
I use ui.bootstrap.typeahead in form. For validation i set typeahead-editable="false" and add "required".
<input type="text" typeahead-editable="false" ng-model="..." typeahead="..." ...
0
votes
0answers
16 views
Memory Leak in official AngularJS UI Bootstrap $modal sample?
I'm trying to understand how to avoid memory leaks in AngularJS. There seems to be almost no documentation about what to clean up, which is as one would expect if garbage collection were perfect and ...
0
votes
1answer
13 views
How to Show/Hide buttons with Angular-UI static tabs
I need to Hide/Show different Buttons when a second tab is clicked, and the same when the default tab is clicked
plubkr
<tabset>
<tab heading="Home" select="showme=true"></tab>
...
0
votes
0answers
22 views
angularjs accordion header with no body
I'm creating an accordion with angular ui-boostrap http://angular-ui.github.io/bootstrap/#/accordion
Everything is fine but some of my headings need only to be links and will not have any ...
0
votes
3answers
46 views
Bootstrap versus AngularUI [on hold]
I am looking for a pro/con argument for using either Bootstrap or AngularUI with Angular. From what I understand, AngularUI is a set of directives that have Bootstrap so I can use Bootstrap responsive ...
0
votes
2answers
36 views
Angular UI Bootstrap Vertical Tabs
Using Angular UI Bootstrap, how do we build vertical-stacked tabs that is left-aligned to the tab content which looks like this?
0
votes
0answers
17 views
angularjs accordion is-disabled
I'm trying to recreate this:
...
<accordion-group heading="Static Header, initially expanded" is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled">
This content is straight in ...
0
votes
1answer
17 views
AngularJS and bootstrap mutliple modals
I'm using AngularJS and BootstrapUI for my modals and I need the possibility
to open multiple modals at the same time, when I open a modal I need to put a button/link to open a secondone
Is there ...
0
votes
0answers
10 views
angular UI modal popup not working when include angular strap references
Angular UI modal popups are working fine in absence of Angular Strap references.
But as I want to use few of the directives from AngularStrap and included references in project. Modal popups (Angular ...
0
votes
2answers
27 views
Need 12 hour format without showing AM/PM Timepicker
I am using Timepicker from Angular directive for bootstrap.
I need to have 12 hour format only but without AM/PM
There is the plunkr link on the site that you can play around with.
I tried the ...
2
votes
0answers
37 views
Page value doesn't get updated even though page is reset
Here is whats happening..
I have put reset button for resetting current page to 1.
Its working. But Page value is not getting updated. Here is my code. for pagination :
<pagination ...
0
votes
1answer
17 views
Disable modal animation on angular ui boostrap modal
I'm using Angular UI Bootstrap modal window that has a small animation when the modal window appears. The docs don't seem to have an option to disable this animation.
How can I disable that animation ...
0
votes
1answer
35 views
Changing CSS Dynamically in Angular Directive?
I have a directive that I am currently making that is an input field of type text. Now I would like this field's width to grow dynamically if the text gets too big for the input field. Below is my ...
1
vote
1answer
36 views
Collapse fails to update with dynamic ng-repeat
I have a simple collapse.
<ul collapse="isCollapsed">
<li ng-repeat="item in items">
{{item}}
</li>
</ul>
Here is the controller:
...
0
votes
0answers
34 views
+50
Popover not working with ng-bind-html
I'm trying to dynamically load pop over on lable my code was
$scope.setStatusMessage = function (message) {
var lblClass = "", status = "" , template;
lblClass = "label label-danger";
...
0
votes
0answers
49 views
using ui.bootstrap causing issues with carousel
I am having issues with getting the carousel working properly. I used yeomen to scaffold the angular app.
I am getting this error
Error: [$compile:ctreq] Controller 'carousel', required by directive ...
0
votes
0answers
26 views
Xeditable not working in bootstrap accordion header
I'm trying to make a editable accordion header title. The problem I have is that the submit event is not triggered from the form. Only the accordion is opening itself while the model stays empty. One ...
1
vote
1answer
51 views
AngularJS ng-class cannot override Bootstrap dropdown CSS rules
Using AngularJS-1.2.26 directive ng-class, am attempting to override Bootstrap 3.2 CSS rules for dropdown-menu & dropdown-header, but my new font-size, padding, margin are not effecting html ...
0
votes
1answer
33 views
bootstrap switch and ng-model
I use angular and the bootstrap-switch plugin in my application. It works like this:
<input type="checkbox" name="my-checkbox" checked>
...
1
vote
0answers
24 views
DOM node id after angularjs application loads
I'm working on an AngularJs based application in which there's a Google Map showing some events around your location.
The map has its own DOM id ("#map") that it's used for loading the map's content ...
1
vote
2answers
46 views
AngularJS - Close modal function not working
I have made a simple pop up window by using ui.bootstrap but I can't seem to make the OK and CLOSE button to work. What am I missing in this sample codes?
Here is the sample code from plunkr
Thank ...
1
vote
1answer
28 views
How to make a textbox which should accept only angular-typeahead list values and clear the content that is not in the typeahead list?
For Example, I have a form with a textfield which gives typeahead lists to select values. If a user enters something that is not in the typeahead list, i should clear that content that is not in ...
0
votes
1answer
31 views
Textarea does not work in Angular but Input works fine
I am trying to create a directive for text area, where I can show the number of characters remaining and clear the whole text area, I don't know why it does not work for textarea, but it works fine ...
0
votes
0answers
22 views
make a pastable link based on tab selection in angular.js with bootstrap-ui
I am using angular-ui, and was using the tab feature within it.
I have my tabs set up like so, based on the documentation:
<tabset>
<tab heading="first" ...
0
votes
0answers
27 views
AngularUI Typeahead: Event if no result is found
Does anybody know a way to check if none of the results match the input. Or at least, can i access the results array? Thanks in advance!
0
votes
0answers
27 views
UI-Bootstrap 0.6.0 Carousel not working when the slide images are changed dynamically
I'm not completely sure this is a bug in carousel, but it really looks like it.
I'm using a carousel to display boat pictures. When I click on a button, a function to get a list of pictures by boat ...
-1
votes
1answer
30 views
Nested SELECT options
I am looking for a directive that allows the user to see elements in a dropdown in a hierarchy. The SELECT tag supports . But this allows only 2 levels. I would like to show about 5 levels. For .e.g.
...
0
votes
2answers
42 views
AngularJS custom table directive
I have made a table with AngularJS all is working good pagination and sorting but i want to make it as a component so that in other pages it can be used. Right now i have made a factory which calls my ...
3
votes
3answers
40 views
How to addClass in ng-repeat
Here is my Html code :
<div ng-controller="MainController">
<ul class="list-holder">
<li ng-repeat="check in checks" ng-class="{active : isSelected(check)}">
...
6
votes
2answers
225 views
Multi-item responsive carousel
I'm building a website that requires a carousel to be implemented. Because this website is built on AngularJS I wanted to go with Angulars Boostrap Carousel, however, this carousel appears to only ...
0
votes
1answer
22 views
Angular UI Alert does not work on IE 8
Problem,
My alert box works on all the browser except IE 8. It get displayed but does not get closed on click or on timeout. Below is my Code of HTML
<div class="notification">
...
0
votes
0answers
31 views
Trouble with active tab default using AngularJS, UI Boostrap, and UI Router
When using a UI Boostrap tabset along with nested sticky states created with ui-router and ui-router-extras, I have an issue where navigating to a tab's state via URL will select the first tab along ...
0
votes
2answers
61 views
using angularjs and json wordpress api can't access currentPage value in app.factory $resource
I've just started using angularjs and I'm trying to connect a wordpress back-end to an Angularjs front end.
this is my index.html
<!DOCTYPE html>
<html ng-app="applicazioneIndex">
...
0
votes
1answer
37 views
Scope received in directive is not the same as the scope where directive really lives
I have this directive, which basically attaches a file to a model through file-model="..." (the entire purpose of this directive is because ng-model doesn't work in <input type="file"> in ...
0
votes
0answers
82 views
Multiselect dropdown with optgroup in angularjs
I need to create the multiselect dropdown with checkbox using this json in angularjs and need to select all the option when I click the parent optgroup. I need to select any option , if possible to ...
1
vote
1answer
32 views
how do I create unique looking angular ui bootstrap dialogs
How do I style angular-ui bootstrap modal dialogs so they appear different from one another in color and/or size? I can style them for the site but not individually.
I found the following similar ...
-1
votes
1answer
24 views
Alert to appear on right top corner using ui-bootstap, bootstrap with Angularjs
Problem,
I want my Alert to appear on the right hand corner. How would I do that using bootstrap?. Currently my HTML look like this.
<div class="notification">
<alert ...
0
votes
0answers
49 views
how to customize angular-ui bootstrap tabs
I am having some issues styling my modal. The length of the tabs bottom-border goes past the side of the modal. I would also like to have the tabs have borders on every side so it will look more like ...
0
votes
0answers
39 views
Angular UI Bootstrap Carousel Fullscreen
I am currently trying to get the Angular UI Bootstrap Carousel to be the full length of my page. I have it on the outer most div, but it only extends the width of the page, and stops vertically at the ...
0
votes
0answers
24 views
Extending AngularJS plugins
For a project I had to add custom behavior to UI Bootstrap's Datepicker.
I had to add new key-value pairs to the datepickerConfig constant, had to do some simple changes in the DatepickerController, ...
0
votes
1answer
37 views
how to set angular modal custom height and width
I have found a way to change the width of a angular modal, how ever I can not figure out how to set the height I want. I need the modal to be 400px width, 400px height. also I need to reposition it so ...
0
votes
1answer
26 views
Many UI-Bootstrap-Datepickers on page loads very slowly - can I use a single instance and move element?
I have many rows displayed using 'ng-repeat'. Each row has 2 x UI-Bootstrap-Datepickers. When there are many rows, the loading of the page gets really slow.
I would like to just use a single ...
0
votes
0answers
21 views
AngularJS - Find end of collapse animation
I have a simple problem with angularui bootstrap's collapse directive. I have a <select> menu. When the someone changes the menu, the content changes. However, I would like to add an animation ...
0
votes
1answer
26 views
trying to insert directive into ui accordion body but gets converted to text
From the docs of angular bootstrap accordion I am trying to insert html into the accordion body.
$scope.groups = [
{
title: 'Dynamic Group Header - 1',
content: '<h1>Dynamic Group ...
