A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
1answer
6 views
UI Bootstrap Typeahead not returning async values
I am trying to do an autocomplete search using UI Bootstrap Typeahead to select a category from a database.
I have set up an example database with 4 categories, the final one will contain more than a ...
0
votes
0answers
8 views
Can't focus input inside qtip
I have a button inside of a bootstrap modal that displays a tooltip via qtip2. Inside the tooltip is an input element. I can't get the input to focus while the modal is open.
Here is my plunk: ...
0
votes
1answer
19 views
AngularJS (text) sliders?
I'm trying to implement a text slider (carousel), that will slide through array of text values.
I've seen some implementations in bootstrap ui for angular, but they require an image to be present in ...
1
vote
1answer
38 views
$scope is not available to ng-template
I'm trying to use modal for editing a form, the modal is in ng-template script, but the form data is not displayed when clicking the edit button.
The $scope is not available to the template script.
I ...
0
votes
1answer
14 views
Error: [$injector:nomod] Module 'ui.bootstrap' is not available! You either misspelled […]
I am having this problem here and I haven't gotten any consistent solution so far looking out there. I am running a Java project with Angular on the front-end, and trying to implement an autocomplete ...
0
votes
0answers
19 views
Overwrite angular-ui-bootstrap's tooltip with extended attributes
I am pretty new to AngularJs's directive, but would now like to try to create a new one by extending Angular UI Bootstrap's existing directive - the tooltip.
There are two things I would like to ...
0
votes
1answer
17 views
Angular Strap Tabs Justified
I need to create 4 tabs in my app and after comparing Angular UI and Angular Strap, i decided to go with Angular Strap. I have lost hope in Angular Strap and this is my last try before i throw it out ...
0
votes
1answer
23 views
Can I use ng-controller in a bootstrap accordion group?
I'm trying to create a controller for every item in my ng-bootstrap accordion but the scopeing is not working as I expect. Am I doing something wrong? If I add the controller to a div inside my ...
0
votes
0answers
7 views
Mixing a Table with Angular-UI Accordion
I'm trying to mix a table with angular-ui's accordion but I can't figure out a way to do it.
I'm not a pro, writing directives. I wonder if such a bridge exist. To achieve something like this :
...
1
vote
0answers
7 views
Is format also used to parse input string?
I'm using the datepicker popup with format='dd.MM.yyyy'. However, if the user is not using the datepicker, but instead enters the date by himself, the date is parsed as MM.dd.yyyy, i.e. month and day ...
0
votes
0answers
32 views
How to use Angular ui.bootstrap tabs with ui.router?
Here's my initial implementation of ui.bootstrap tabs using ui.router:
<tabset>
<tab heading="Tab1" select="$state.go('home.tab1')">
<div ui-view="forTab1"></div>
...
0
votes
2answers
24 views
how to use a controller from another module in Angular-ui-Bootstrap's modal?
I have a dialog I want to use in two different places, so I've built a template and a controller trackCtrl for a modal to use. That controller is defined on the settingsApp module which is not the one ...
0
votes
1answer
30 views
bootstrap - input date type cause form-control overlap each other
If I decrease the view area width, Input date type cause form-control overlap each other Test Plunker
<div class="container">
<h4>Date input type overlap issue</h4>
...
0
votes
1answer
26 views
Angular/Jade/UI Bootstrap + Inline Javascript
I'm trying to load LinkedIn inline profile (example here) in a UI Bootstrap modal.
I'm using the exact same code in the UI Bootstrap. The modal works, but the LinkedIn inline profiles are not ...
0
votes
1answer
21 views
Multiple angular ui bootstrap datepickers with buttons
I have two datepickers that now work but I still can't get the button to work.
I implemented the solution from here but it gets rid of the button. I'd like to keep the calendar button.
How can I ...
0
votes
1answer
48 views
+150
TooltipHtmlUnsafe with content fetched from another div
I'm trying to show a tooltip with html content and the html I would like to be fetched from a children div which has angular markup in it.
Before I switched to ui-bootstrap I used the default ...
0
votes
2answers
25 views
Angular-UI Bootstrap Datepicker inside tab with ng-required attribute not working
I am trying to get the Bootstrap datepicker working under a tab and it seems like some issues with it using with ng-required attribute. It is not updating the model value. Seems like a bug but not ...
0
votes
1answer
24 views
Jquery validation on dynamically created inputs using angular ng-repeat [duplicate]
I am using jQuery validation library for validating my forms created using Angular.JS. I am able to add validations on all static/known input fields in the form.
Along with fix inputs I am going to ...
0
votes
1answer
19 views
angular ui-bootstrap on the tabs how to add href
<tabset>
<tab heading="{{nav.label}}" ng-repeat="nav in vm.data" href="{{nav.url}}">
<tabset class="subnav">
<tab ui-href="{{item.state}}" href="{{item.state}}" ...
0
votes
0answers
20 views
Pass a promiss to the resolve-Object of an ui.angular Modal-Dialog
I have a big problem.
I have some problems with the modal dialog of ui.bootstrap.
What I would like to do. I have a dialog for adding rocker(here called clicker) to my database. When every thing is ...
1
vote
0answers
36 views
UI Bootstrap typeahead list - don't auto select / highlight first item
I am using UI bootstrap typeahead and it selects the first term by default. Here the issue.But since I am limiting the suggestions in the list, so all suggestions will not be in the list. Now if the ...
0
votes
1answer
58 views
Angular UI Bootstrap tabset + ng-include
I have trouble setting up a tabset with dynamic contents using ng-include.
I tried unsuccessfully with ng-repeat :
<tabset justified="true">
<tab ng-repeat="tab in tabs" heading="{{ ...
0
votes
1answer
90 views
Angular JS UI Bootstrap Datepicker: max-date and init date issue
What a day I've been having... anyway, I have been assisting some colleagues with an AngularJS project and so much is wrong, anyway... I am using the AngularJS UI Bootstrap Datepicker version 0.11.2 ...
0
votes
0answers
28 views
centering UI bootstrap tabs in accordion
I'm nesting a tabset inside of an accordion.
What I'm trying to do is :
center the tabs (in case there are just a few - like in "Dynamic Group Header - 2"),
to make the tabs scrollable sow they ...
0
votes
0answers
27 views
Wrong $modal being injected by Angular?
Im trying to create a modal via Angular, but whenever I run the function I get the following error:
TypeError: undefined is not a function
at h.root.RootController.$scope.openModal
Which is the ...
0
votes
1answer
29 views
Angular JS $modal creating detached DOM
I am working on an Angular JS application which is in production. It is using the Angular JS version 1.0.8 and Angular UI Bootstrap 0.6
I have noticed that once I simply open and close a modal, I ...
0
votes
1answer
48 views
AngularJS UI Bootstrap Scope not disposed after modal dismiss
plunker: http://plnkr.co/edit/CrvOFHSfGnXFFWbaXNxn?p=preview
It seems scope for modal is not disposed of after closing the dialog. I have directive that emits when certain div is available, and modal ...
0
votes
0answers
20 views
angular modal display behavior is very strange - sometimes display, sometimes not
can someone help me for following angular modal ? i expect modal to open when i click on button "open", but it shows sometimes when i lick the button for the first time, sometimes i need to click the ...
1
vote
1answer
34 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
1answer
30 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 ...
1
vote
2answers
30 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
16 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
30 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
16 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
});
...
3
votes
1answer
48 views
Re-binding the 'ng-click' directive when it's located within 'ng-view'
I'm using the AngularJS directive: ng-click="$event.stopPropagation();" to keep a bootstrap dropdown menu open beyond the first subsequent click. It works fine.
When I use ng-view to route to that ...
0
votes
0answers
28 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
23 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
16 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
24 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
54 views
Bootstrap versus AngularUI [closed]
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
0answers
6 views
Multiple selection in angular bootstrap typeahead
Is it possible to select multiple values from angular ui bootstrap typeahead?
http://angular-ui.github.io/bootstrap/#/typeahead
0
votes
2answers
89 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
23 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
19 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
16 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
31 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
40 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
20 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
39 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
42 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:
...
