All Questions
Tagged with angularjs-directiveangular-ui-bootstrap
243 questions
114votes
5answers
52kviews
Extending AngularJs Directive
I'd like to make a minor modification to a 3rd party directive (specifically Angular UI Bootstrap). I simply want to add to the scope of the pane directive: angular.module('ui.bootstrap.tabs', []) ....
- 19.4k
50votes
8answers
14kviews
How to create an angularJs wrapper directive for a ui-bootstrap datepicker?
I am using the ui.bootstrap.datepicker directive to display some date field. However most of the time I need the same setup: I want it to come along with a popup and a popup button and also I want ...
- 40.9k
39votes
10answers
42kviews
AngularJS UI Bootstrap Tabs that support routing
I would like to use AngularJS UI Bootstrap Tabs in my project, but I need it to support routing. For example: Tab URL -------------------- Jobs /jobs Invoices /invoices Payments /...
- 172k
24votes
4answers
3kviews
Add new data to typeahead result on scroll
I'm using angular bootstrap typeahead. I would like to add a functionality for infinite scroll in that, for that i have added a small directive for scroll functionality and some changes in typeahead ...
- 1,439
20votes
5answers
45kviews
How to show form input errors using AngularJS UI Bootstrap tooltip?
For example I have the form where I am showing form input errors. I need to show red badge (with 'hover to show errors') near input label if there are some errors. If user will hover this red badge - ...
- 4,281
19votes
7answers
16kviews
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 '...
- 28.4k
16votes
11answers
36kviews
Create Hoverable popover using angular-ui-bootstrap
I have the following code for creating a popover in my template file: <span class="icon-globe visibility" id="visibilityFor{{post.metaData.assetId}}" popover="{{post....
- 2,737
16votes
4answers
11kviews
wrapping inputs in directives in angular
I had the idea to wrap inputs into custom directives to guarantee a consistent look and behavior through out my site. I also want to wrap bootstrap ui's datepicker and dropdown. Also, the directive ...
- 537
15votes
3answers
20kviews
Angular JS render JSON in tree like format
How do I render JSON in tree like way just like http://jsonviewer.stack.hu/ does using angular JS?
- 1,937
15votes
1answer
29kviews
Modal confirmation as an Angular UI directive
I'm trying to make an Angular directive with angular-bootstrap to mimic the confirm() function. Here is a plunk showing the visual result and behavior I want to achieve : http://embed.plnkr.co/...
- 755
15votes
2answers
20kviews
how to make ng-model value set by ui-select value
I am currently using angular-ui/ui-select in my project. I am able to bind the value of the ui-select to an object without issue, however it is binding the entire item that is being iterated over. I ...
- 5,439
15votes
5answers
12kviews
how to show html on pop over using angular ui bootstrap?
I make demo of pop over like this .It show a pop over on right side when I click the button .But now problem is that how I will show some html on pop over . <html ng-app="plunker"> <head&...
- 1,574
13votes
7answers
43kviews
A directive to format phone number
I was wondering how to automatically format a number in an input field using an angularjs directive? When I type in an input field say 6042919283 I want it to be shown as 604-291-9283. Thanks
- 3,301
12votes
3answers
17kviews
Angular JS Date format filter inside Ng-Repeat not formatting
Actual Date coming from JSON Need to format it as below . Effective Date : 2010-08-31 (trim the time stamp) End Date : 2010-08-31 (trim the time stamp) Am using the below code for Formatting the date ...
- 647
12votes
1answer
27kviews
Angular-UI-Bootstrap custom tooltip/popover with 2-way data-binding
I am using angular-ui-bootstrap in my current project, and I have a requirement for a popover that will allow the user to take some action on a given element (rename/edit/delete/etc...). Since angular-...
- 720
