Tagged Questions
0
votes
0answers
36 views
customize angular-ui typeahead
I would like the typeahead popup to show a loading animation dependent on if some custom loading is being done in my controller.
My view:
<input type='text' typeahead="..."
...
4
votes
1answer
86 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 ...
0
votes
1answer
58 views
angular-ui dropdown-toggle [object Object] has no method parent
I've got a problem employing angular-ui Bootstrap in my project. Namely dropdown directive.
By now i have HTML that is just a copy-paste from the examples:
<ul>
<li class="dropdown">
...
0
votes
1answer
67 views
Wrapping angular typeAhead in separate directive
My goal was to wrap angular-ui typeAhead directive into easily re-usable component, that could be used like this:
<input my-person-lookup="myModel.personId" ></input>
I've achieve this ...
0
votes
1answer
36 views
Wrapping angular-ui-typeahead breaks the on-select callback
I'm trying to wrap AngularUI's typeahead directive with my own directive so I can package up some shared data/behavior for easier reuse in my app: Plunker
In the onSelect callback, why does the ...
0
votes
1answer
151 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.visibilityListStr}}" ...
9
votes
1answer
268 views
Wrapping the angular-ui tabset directive and encountering the “Multiple directives asking for transclusion/ isolated scope” errors
I'm trying to extend the angular-ui tabset functionality and I'm running into issues with wrapping it.
This plunker is the tabset directive un-wrapped:
...
0
votes
1answer
110 views
angular bootstrap popover - remove title in custom directive
I wrote a small directive that show popover (Angular-UI Bootstrap) when the length of the text is to long.
Every time the popover been shown, it's always adds a blank row for title - how do i remove ...
3
votes
0answers
514 views
Angular UI/bootstrap typeahead showing 'Error: No controller: ngModel' error
In my application I am calling an http service to get data and I am using angular-ui bootstrap's typeahead directive (ui-bootstrap-tpls-0.6.0.min.js). I have a partial that has a form that mentions ...
0
votes
1answer
173 views
Angular-UI tooltip messes with keypress event?
I 'm using the following directive to listen to enter keypresses on an input element:
.directive('ngEnter', function () {
return function (scope, element, attrs) {
...
0
votes
1answer
95 views
How to share data exclusively between a directive and a factory in AngularJS?
I want to build a modal directive with an Async API to open the modal.
What I was thinking about is a factory that returns me the API object that manipulates the modal directive. Using Angular-UI ...
0
votes
1answer
531 views
UI Bootstrap Typahead async not working in AngularJS RC2
Why is the UI Bootstrap Typahead not working in AngularJS RC2 when using the $http service to retreive matches from server? This was working in AngularJS RC1
See this plunker using RC1 and this ...
2
votes
2answers
884 views
AngularJS/UI Boostrap - fading out alert on remove
I am using Angular with UI Boostrap. I've created the custom directive that pushes broadcasted alerst into the array of alerts that are bound to the view (rendered as Boostrap alerts). After the ...
1
vote
1answer
2k views
How to get angular ui-router's ui-sref to work, when inside a directive's template?
Basically, I am trying to change/customize the behaviour of the ui.bootstrap.accordion. All is working, except for integration with ui-router.
Here's the way I want to use the accordion:
...
0
votes
2answers
241 views
trying to use angular-ui-bootstrap radiobutton directive with ng-repeat in an angular project
So... I'm trying to generate a radiobutton group using ng-repeat:
<div class="btn-group yb-radiobuttons">
<button type="button" class="btn" ng-model="radioModel" btn-radio="'all'">All ...
1
vote
1answer
296 views
AngularJS custom directive initial loading not working
You can see the working example here - or should I say, non-working example.
Basically, I'm trying to make a custom directive called yesno-group. It is a shortcut to do this over and over:
<div ...
0
votes
1answer
429 views
AngularJS UI Bootstrap “btn-radio” directive doesn't work
Live Demo
Could anyone explain why the first two button groups work, but the third one doesn't?
<div class="btn-group">
<button ng-repeat="company in companies"
class="btn"
...
0
votes
1answer
3k views
Angularjs custom directive child scope access parent scope method?
I am trying to create a carousel with AngularJS ans UI Bootstrap. Since the carousel in UI bootstrap only supports images, I wan to write my own directive to support youtube video.
I want the video ...
0
votes
0answers
102 views
Modifying an accordion to behave like a table
For 4 hours I have been trying to modify the accordion template to look and feel like a table row. Essentially, I want to have a table where each row element is an accordion group that when clicked on ...
0
votes
0answers
542 views
Angular UI Datepicker not functioning
No errors in the Javascript console, all resources seem to be loading, but the datepicker doesn't pop up when the input text field is clicked.
app.js
var app = angular.module('appform', ...
6
votes
1answer
5k 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 ...
0
votes
1answer
872 views
Include link in angular-ui bootstrap alerts?
How do I include links in an angular-ui bootstrap alert?
Attempt:
![alert][1]
http://plnkr.co/edit/QkewqbPkuzBvMrePERyV?p=preview
1
vote
1answer
1k views
AngularJS: Why and when calling $timeout is required?
Live Demo
I created a confirmationDialogHeader directive which is used like so:
<ul>
<li ng-repeat="item in items">
{{item}}
<button class="btn btn-mini"
...
0
votes
2answers
3k views
Angular UI Bootstrap Modal use in directive
I would like to create a confirmation-dialog-header directive that will open a Bootstrap UI Modal that will be used like this:
<button class="btn" confirmation-dialog-header="Non Working ...
1
vote
3answers
2k 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 ...
0
votes
2answers
194 views
Use full screen modal on route change
I want to implement a full page modal that overlays immediately upon another page when a route is triggered. How can I accomplish this on AngularJS? I use Angular-UI's modal directive to open modals, ...
0
votes
1answer
544 views
angularjs: using a directive inside the ui-bootstrap modal
I can't figure out how to call a directive from within a modal created with the $dialog service. That directive should also be able to see the buttons on the modal and override their ng-click action.
...
0
votes
3answers
3k views
angularjs calling modal dialog from directive
I've created a directive to open a modal dialog. Here's the code:
[EDIT] JSFIDDLE HERE: http://jsfiddle.net/graphicsxp/fcQZk/8/
PROBLEM: THE CLOSE BUTTON DOES NOT CLOSE THE MODAL.
...
1
vote
3answers
2k views
angular-ui IE8 accordion
Using the Angular-UI bootstrap accordion in IE8 the tabs do not expand. Here is the error I am receiving using IE 8's F12
Error: Unexpected call to method or property access.undefined
Error: No ...
