All Questions
233 questions
114
votes
5
answers
52k
views
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
50
votes
8
answers
14k
views
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 ...
- 41k
39
votes
10
answers
42k
views
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
24
votes
4
answers
3k
views
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
20
votes
5
answers
45k
views
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
19
votes
7
answers
16k
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 '...
- 28.4k
16
votes
11
answers
36k
views
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
16
votes
4
answers
11k
views
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
15
votes
3
answers
20k
views
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
15
votes
1
answer
29k
views
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
15
votes
2
answers
20k
views
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
15
votes
5
answers
12k
views
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
13
votes
7
answers
43k
views
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
12
votes
3
answers
17k
views
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
12
votes
1
answer
27k
views
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