Tagged Questions
0
votes
1answer
36 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
0answers
50 views
Angular ui.bootstrap accordion and bootstrap3
I'm well aware that ui.bootstrap is not yet fully ported on bootstrap 3, but I have built most of my app using it, and I can't simply go back to 2.3 just for this component.
That said, I'm evaluating ...
0
votes
0answers
20 views
Why does typeahead.js ignore spacebar presses?
I'm using the AngularJS wrapper for typeahead.js to add autocomplete functionality to an input field. It works well, except that I can't type spaces in the field; when I press the space bar, there's ...
0
votes
1answer
21 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
62 views
Angular UI-Bootstrap 0.7.0 Collapse
I'm using the collapse feature of UI-Bootstrap (http://angular-ui.github.io/bootstrap/#/collapse) but when I use the collapse/toggle it loses the data and just returns "true".
Here is a Plunker to ...
0
votes
0answers
36 views
Angular UI Bootstrap datepicker: ng-readonly support
Angular UI Bootstrap datepicker does not honors ng-readonly attribute.
If ng-readonly expression is true, text input field is greyed and can not be modified, but datepicker's calendar pops up, ...
0
votes
1answer
45 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}}" ...
0
votes
0answers
22 views
how can angular ui modal popup from right side
how can the angular ui modal popup from right side, not the top ? That will be more interesting.
angular-ui
2
votes
1answer
47 views
AngularUI Datepicker dynamic date disabling
I am using the AngularUI datepicker.
I have two datepickers that influence each other. One is for example a "start date" and the other is an "end date". Instead of creating validation for both ...
1
vote
2answers
62 views
AngularJS - ui.bootstrap typeahead with an heterogeneous data array
I'm writing a typeahead search bar using ui.bootstrap typeahead and found the component pretty straight forward to use.
My Controller feeds the data into the $scope like this:
var good = [{ name: ...
0
votes
1answer
106 views
Angular - UI Bootstrap Datepicker not displaying over Bootstrap Modal
I have an Angular app that I am using UI Bootstrap. I have a modal with a Datepicker at the bottom of the modal. When expand the Datepicker, it stays inside the modal. I have tried changed the ...
0
votes
0answers
71 views
How to populate Angular UI Bootstrap Typeahead with newest $resource
According to this Paweł Kozłowski's answer, Typeahead from AngularUI-Bootstrap should work when asynchronously obtaining popup items with $resource in newest Angular versions (I'm using 1.2.X).
...
9
votes
1answer
175 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:
...
1
vote
1answer
76 views
Angular UI-Router fails to load template that I didn't ask for
Plunker Code Showing Issue Described Below
http://plnkr.co/edit/Bz3Qhf1eDuFrnKI0qnUo?p=preview
I am using two components of the AngularUI suite, UI-Router and UI-Bootstrap.
UI-Router is responsible ...
0
votes
0answers
39 views
AngularJS UI Bootstrap 0.6.0 Modal with Module.Controller() syntax
Instead of defining the controller for my modal instance like this:
var ModalInstanceCtrl = function ($scope, $modalInstance, items) { /*ctrl-code-here*/ };
I want to define it using ...
0
votes
1answer
50 views
Angular-UI-Bootstrap - Modal Dialog scope issue
I am new to AngularJS and am trying to figure out a simple way of displaying a modal dialog (using Angular-UI-Bootstrap) for $http call errors and pass the error text from the calling controller to ...
0
votes
1answer
47 views
Is there a way to open a modal directly from a controller?
I have seen and have many examples of opening a modal on a ng-click but can I open a modal on the resolution of a $http get request? I have a plunker that I am trying to get the general idea here ...
0
votes
1answer
56 views
Use multiselect false property with checkboxCellTemplate
I have an ng-grid that utilizes the showSelectionCheckbox: true property with a custom checkboxCellTemplate.
If I remove checkboxCellTemplate I get the functionality I want where only one checkbox ...
0
votes
1answer
53 views
Angularjs ui modal windows with timepicker
I am trying to add a timepicker and a datepicker on a modal window and feels like the mytime model doesn't update. You can see it in the alert windows.
Can someone give me a hint. When I do a output ...
2
votes
1answer
92 views
AngularJS/UI/Bootstrap remove affix from an element?
I am using AngularJS 1.2 and Bootstrap 2.3, although I think it is irrelevant that Angular is involved since this is just jQuery. I want to be able to turn the affix on and off for a particular ...
0
votes
1answer
94 views
ui bootstrap datepicker with unix timestamps
I am trying to use ui-bootstrap datepicker binded to unix timestamp datas.
to do so, i would like to use this directive which transforms the unix timestamp to a javascript date from ng-model.
here ...
0
votes
1answer
131 views
AngularJS inject issue with Angular Bootstrap modal
I am integrating the modal from Angular Bootstrap and trying to adapt code sample from here to my app. I get the error: Error: [$injector:unpr] Unknown provider: $modalInstanceProvider <- ...
0
votes
0answers
55 views
$scope unidefined in modal angular js
i am using modal in angular but when modal open so here values are not binding with model i don't know why this happening must be appreciates if some corrected if there is any mistake thanx.
...
1
vote
1answer
212 views
angularjs + bootstrap ui + $modal -> only displaying on the first time
I created a plunker to recreate the problem:
http://plnkr.co/edit/sPPB0Cq0PUg1jmzzZtXh
It contains a mini angular js app with angular-ui-bootsrap.
index.html - main html file with js includes and a ...
0
votes
1answer
75 views
Acces Angular Controller from within a tab nested directive
I want to create a Tab interface with Angular and i chose angular-ui-bootstrap for the tabs. I crated a TabController with the <tabset> inside. I created a TabService as a source for the tabs.
...
1
vote
0answers
64 views
AngularJS BooutstrapUI Typeahead with dynamic data
I'd like to find the way to pass to the Angular UI typeahead dynamic data.
The problem is that when I've got the data the popup doesn't appear.
So, is there any method to open the typeahead popup ...
0
votes
1answer
115 views
Dropdown Toggle with AngularJS That Closes on Click Elsewhere
Implementing a simple dropdown directive that uses ng-show to show or hide a menu is trivial in AngularJS. I want to also close the menu if the user clicks elsewhere in the screen after having opened ...
1
vote
2answers
849 views
What is the difference between ui-bootstrap-tpls.min.js and ui-bootstrap.min.js
At the Angular-UI-Bootstrap page on cdnjs, is says:
Native AngularJS (Angular) directives for Twitter's Bootstrap. Small footprint (5kB gzipped!), no 3rd party JS dependencies (jQuery, bootstrap JS) ...
0
votes
1answer
60 views
What is the difference between “dismiss” a modal and “close” a modal in Angular UI-Bootstrap?
What is the difference between "dismiss" a modal and "close" a modal?
close(result) - a method that can be used to close a modal, passing a result
dismiss(reason) - a method that can be used to ...
1
vote
0answers
108 views
Hide angular-ui tooltip on custom event
I've been looking around and trying out different things but can't figure it out. Is it possible to hide an angular-ui tooltip with a certain event?
What I want to do is to show a tooltip when ...
0
votes
0answers
190 views
Setting Model in AngularJS Control Not Updating View (something…)
I am experiencing issues with updating values in my AngularJS controller and having them properly reflecting in my model.
I have the following form in my view:
<form name="formSignIn" ...
0
votes
1answer
198 views
Angular UI Bootstrap Modal - how to prevent multiple modals opening
I've implemented the modal directive, and set the $modal.open option backdrop to false. However, now I can trigger multiple modals to open. Is there a way to prevent the trigger button from firing ...
1
vote
1answer
83 views
How do I make the carousel indicators in angular ui use thumbnails from a model in a controller?
I'm using the angular ui bootstrap carousel and I want to make the indicators thumbnails. I have a controller that looks like this (from the demo):
function carouselCtrl($scope) {
...
0
votes
1answer
80 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 ...
0
votes
1answer
105 views
AngularJS/Angular-ui-bootstrap Changing language used by the datePicker
I use the datePicker documented here.
However, no direct option allows to change the language, English by default.
I find a the documentation of the widget provided without angular directive, and it ...
1
vote
1answer
224 views
AngularJs bootstrap how to get rating value after form submit?
I have implemented the bootstrap star rating in angularjs...everything works fine but am unable to get final rating value after form submit ..below is code
//enter code here js
...
0
votes
0answers
141 views
How to have at least two datepickers of ui-bootstrap on a single page?
I want to have several datepickers on a page. But with the default solution from UI-Bootstrap it is not possible, no one of datepickers may be opened. The conflict with each other. Here is my code:
...
0
votes
2answers
81 views
Translate Angular-UI pagination
How can I translate text in Bootstrap UI pagination directive?
I've overrided the constants like this for french translation:
angular.module('myapp', ['ui.bootstrap'])
...
0
votes
1answer
243 views
Angular-ui-bootstrap typehead not working with AngularJS 1.2.0-rc3
Here is a working example of Angular-ui-bootstrap typehead working with AngularJS 1.0.5:
http://plnkr.co/edit/me20JzvukYbK0WGy6fn4
The template uses ng-bind-html-unsafe witch is deprecated in ...
0
votes
2answers
122 views
datepicker inside a modal not working
I am trying to use ui-bootstrap components to make a datepicker inside a modal. The datepicker has to send back a date formatted as a unix timestamp.
this is working fine if the datepicker is not ...
0
votes
2answers
178 views
AngularJS modal window data/object flow
I've created a small demo to use when i need to open a modal window in Angular. Using a directive as the modal window template.
What im not sure about is the way im passing data/functions to the ...
0
votes
0answers
48 views
Angular UI Bootstrap Datapicker
this is my base code:
http://plnkr.co/edit/PuzsgIgpRKUwuXbyIMSq?p=preview.
I want to visualize the datepicker popup only on button click and not on input focus.
Moreover the data in the input ...
1
vote
2answers
225 views
AngularUI-Bootstrap's Typeahead Can't Read `length` Property of `undefined`
I am getting the following error when I attempt to get a typeahead values from AngularUI-Bootstrap, using a promise.
TypeError: Cannot read property 'length' of undefined
at ...
0
votes
2answers
174 views
angular-ui datepicker does not allow format dd.MM.yyyy when entered into the input field
I think the best way to describe this problem is to steer you to the Plunk:
http://plnkr.co/edit/cRO5UgAyZx5SHJSKrzg7?p=preview
The angular-ui datepicker doesn't like us Europeans!
Start by ...
0
votes
1answer
38 views
how to access $dirty, $dirty value of bootsrap-ui datepicker?
how to access $valid, $dirty value of bootsrap-ui datepicker?
planker
1
vote
1answer
121 views
Fade effect for tabs in ui-bootstrap (Angular.JS)
How can I add fade animation to a tabset using angular-ui-bootstrap?
For example, given the following code:
<tabset>
<tab heading="Tab1">Some content</tab>
<tab ...
0
votes
2answers
1k views
Upgrade ng-boilerplate to use angular ui bootstrap 3
I am using AngularJS v1.2.0-rc.3 with a project using ng-boilerplate. I want to use Bootstrap 3 so I've changed the bower file to use the branch for version 3, but now grunt fails when running the ...
2
votes
1answer
363 views
Where is $dialog.messageBox() in Angular UI?
I could not find $dialog service in AngularUI and I tried to explore a simple messageBox() to create a confirmation dialog box using $modal. Could not find that either.
Can somebody suggest me how to ...
0
votes
1answer
136 views
Angular component in wicket panel
I need your help again!
I'm working on getting an angular component (ui-bootstrap-datetimepicker) to load in a wicket component that is loaded outside of my angular code.
Here's what it looks like ...
1
vote
2answers
320 views
ui bootstrap modal's controller 'is not defined'
i am trying to use the modal directive from ui-bootstrap 0.6
here is the working default plunker from the ui-bootstrap page:
http://plnkr.co/edit/JGBiBSeRqOnwRhYA9py8?p=preview
now, i tried to ...
