AngularUI is the enhancement companion suite to the AngularJS framework. It contains UI widgets and directives that are not part of the AngularJS core but are commonly needed in a project.

learn more… | top users | synonyms

4
votes
0answers
296 views

How to make template without ng-repeat and pass data to $scope with angular-drag-and-drop-lists?

I want to use angular-drag-and-drop-lists with own grid template to WYSIWYG editor. How to build own html template without ng-repeat so it will be able to drop items in any predefined column and store ...
3
votes
0answers
80 views

Angular UI typeahead model changed

I have a strange situation with ui typeahead. For some reason when results come the ng-model is changed to first result of results. That is problem to me because I have on-enter event in which I need ...
3
votes
0answers
275 views

Angular ui-sortable + angular-gridster

I'm trying to combine the functionality of ui-sortable and angular-gridster so that I can pull an item from a list and drop it into a rearrangeable grid. ui-sortable and angular-gridster have the same ...
2
votes
0answers
50 views

AngularJS/AngularUI Timepicker validation error when minimum date is changed

I am using the timepicker control with the datepicker control from AngularUI. I have a date I want to set with two timepickers for start and end time. My problem is that when I change the date, I ...
2
votes
0answers
179 views

$stateParams Query parameter undefined

I am trying to get the query parameters from my angular UI router application. However I cannot seem to get them when I use the query method. The state params are always coming through as undefined. ...
2
votes
0answers
351 views

angular bootstrap tabs - select function called in page load

I have the angular bootstrap tabs in the following format. (see the plunker) The select function is supposed to trigger when the tabs are selected. But strangely, when the page is loaded, the very ...
2
votes
0answers
65 views

AngularJS UI Bootstrap - API Documentation

I am working on a carousel in AngularJS but I can't locate any documentation other than the example provided here. Something like the API Reference for AngularJS from here would be more than helpful. ...
2
votes
0answers
103 views

how do I edit the navigation menu in AngularJS theme?

So, I bought a template from envato market. It's an admin panel responsive theme created with bootstrap and AngularJS. I want to edit the theme. I've edited the navigation links in the nav.html file ...
2
votes
0answers
404 views

bootstrap-ui tab select and error “cannot read property $$phase of null”

There is this known issue with ng-grid: if the grid has width 100% and it is hidden (eg: inside a bootstrap-ui tab) and then unhidden (eg. the tab is shown), then the grid is kind of messed up. I'm ...
2
votes
0answers
148 views

Common query parameter binding with angular ui router state

Is it possible to define a state which matches for any url having a common query parameter. $stateProvider .state('home', { // First state parent: 'base', url: '/', ...
1
vote
0answers
22 views

How to make UI-Select selections scrollable

I am using UI-Select in my angular project and I have a pretty specific problem. I am wondering how (if possible) to add a scroll-bar into my UI-Select. To clarify, I don't want the scroll on the ...
1
vote
0answers
56 views

Angular JS - angular-ui-load - error undefined

I'would like to use the "angular-ui-load" in my app angular. The problem, my script js is undefined Error in dev consol firefox : "Error: [ng:areq] Argument 'DetailsCtrl' is not a function, got ...
1
vote
0answers
17 views

Can I use additional custom value in angular ui typeahead

I have a list of applicable items for my dropdown list + I want to have an additional value that fits everything besides those items. Given we have countries like "England" and "Poland", I want to be ...
1
vote
0answers
127 views

Angularjs - Angular UI $modal and $modalInstance within one controller

I would like to ask, I understand that AngularUI's modal consist of 2 controllers 1 is the default controller that I use to process data and the other one is to handle $modelInstances, which is fine ...
1
vote
0answers
22 views

Forced recalculation of CSS when opening Angular UI Modal

I'm using Angular UI to include modal windows on a site and every time I click to open a modal there is a noticeable delay before it injects the HTML into the DOM. I tried absolutely everything to ...
1
vote
0answers
72 views

Exiting UI Router active state when dismissing modal

I'm using the Angular UI modal with UI Router. When I cancel the modal, the state does not exit. Instead, it remains active. If I delete or save the modal, the state is properly exited. Any ...
1
vote
0answers
31 views

Testing Angular routes when using ui-router

I've written tests for an AngularJS application's routes before. For instance, here's part of one I wrote: describe('Routes', function () { it('should map default route to home controller', ...
1
vote
0answers
34 views

Using ui-tagging with single choice

i'm a newbie on angularjs and angular-ui and i have a problem with module ui-select. I need to select single element from a list and if there isn't a value, the user can add manually, but the tagging ...
1
vote
0answers
63 views

Promise not resolving in custom TypeAhead directive

I edited the TypeAhead directive that is part of Angular UI for AngularJS so it will only give suggestions based on the most recent word, delimited by space (" "). I intend to use it to for ...
1
vote
0answers
66 views

Angular tree filter can't dim

I'm using angular-ui-tree-filter library to create a filter in my treeview. According to the example here: http://ee.github.io/angular-ui-tree-filter/ you can choose by a checkbox to dim the filter ...
1
vote
0answers
114 views

How do I change the border color on ui-select when required data is missing

I have an AngularUI ui-select which is a required field and I need to change the border color when the user tries to submit the form without selecting a value for it. Here is the HTML: ...
1
vote
0answers
71 views

Angular ui-router - dont reload templates for same view URL

I am using the ui-router to manage a deeply nested routing setup which is composed of multiple frames within a page. Something like this: <html> <body> <div ...
1
vote
0answers
33 views

Can I call a function after AngularUI collapse has finished rendering

I'm using Slickgrid inside a Bootstrap modal, I had some issues rendering it when the modal is opened, but I fixed it following this answer. Now I'm using AngularUI collapse directive to expand and ...
1
vote
0answers
50 views

ngClick within Angular ui-map infowindow calling back multiple times

I have markers on a Angular ui-map (Google Maps), that open an info window when clicked. Each InfoWindow contains a form with a button that binds ngClick to a method on the controller. The issue is ...
1
vote
0answers
24 views

Angular UI Calendar with jQuery UI

I'm using the following versions: Angular UI Calendar 1.0.0 FullCalendar 2.1.1 jQuery UI 1.10.4 I'm having an issue with jQuery UI conflicting with the calendar. My events can't be dropped and ...
1
vote
0answers
51 views

Is there a way could I dynamically generate angular directives at runtime?

I have this crazy idea, I'm building an app with different contents to show, and the contents' data is from the server with websocket, also the directives for showing the data. So I'm wondering if ...
1
vote
0answers
577 views

Angular ui-calendar drag and drop object

i'm trying to use the angular-ui-calendar together angular-dragDrop to create something like the example from fullcalendar, where it's possible to drag external event into the calendar. I already ...
1
vote
0answers
196 views

Slimscroll not working

I am new to slimscroll. I am working on an angular page where slimscroll works fine but when I click on some link and go to other page scroll stops working even for the main page but when I refresh ...
1
vote
0answers
89 views

How to change the templates for angular-ui properly?

Subject. I'm going to use tabs module from this package (ui.bootstrap.tabs). I went through ui-bootstrap-tpls.js file and I saw the way the templates are defined now as ...
1
vote
0answers
81 views

angular ui-sortable not updating model of filtered list

I have been digging SO and other posts but couldn't make it work. I have a list which i iterate with ng-repeat and apply some filters over it. Ui-sortable works well when the index of the list is not ...
1
vote
0answers
589 views

AngularUI router issue “TypeError: Cannot read property 'name' of undefined”

I have a set of DIV's that contain A's and use AngularUI to load Angular templates within a ui-view DIV. I'm implementing a set of tabs that switch between the view templates based on which one a user ...
1
vote
0answers
151 views

Angularjs $window.open not working properly IOS and Android

I have a question regarding $window.open in angularjs. I am having the following angularjs function $scope.contentPopup = function() { var tndWindow = $window.open('/content', '', ...
1
vote
0answers
112 views

ui-angular modal windows direct location to main html google map

I need help on clicking data from modal window and show its location to main html. It works like this. on my main page there is a default map with button can popup modal windows, this modal windows ...
1
vote
0answers
213 views

issue extending angular-ui-bootstrap tooltip

I'm attempting to build an extended version of the Angular UI Bootstrap tooltip although it's really more of a translation of the $modal provider into a tooltip provider my intent is to create a ...
1
vote
0answers
70 views

How to manualy trigger angular ui-scrollfix

I'll describe my problem. I'm using ui-router and 2 columns. In the left column I have the list of items, in the right column the is my ui-view with item-details. So basic item in the left column is: ...
1
vote
0answers
129 views

what event fires when hit enter in select2 angularjs?

I am trying to add new element to array when user has typed its name and hit enter like in this plunker at the Tagging without multiple section. Here is what I've got so far: <ui-select ...
1
vote
0answers
264 views

Angular nested ng-repeat IE8

I'm trying to render some JSON data using angular ng-repeat directive. It's an array of items and every item has array of tags along with other item data. I'm using angular-ui/select-ui to render tags ...
1
vote
0answers
116 views

Open a modal dialog inside a div

AngularUI seems to target the body when it opens a modal. How can I open it inside a div? Here is how I open a modal: $scope.createEntityModal = function () { var modalInstance = $modal.open({ ...
1
vote
0answers
331 views

Button triggering Angular Bootstrap typeahead

I am trying to adapt a typeahead with a button. The behaviour is, if there is text typed in, it filters the list (as usual typeahead). The difference is adding a button that triggers typeahead ...
1
vote
0answers
334 views

angularjs google-maps markers not showing on iPad/iPhone

I have the following HTML code: <section data-ng-controller="NearbyController" ng-init="getUserLocation()"> <!-- spinner while map is loading --> <span us-spinner ...
1
vote
0answers
138 views

Angular ui layout - how to set width dynamicaly

In the angular-ui-layout module, to set the size we need to pass a value like <div ui-layout-container size='20%'> is it possible to pass a model, so when ever model value gets changed, the size ...
1
vote
0answers
189 views

ngGrid not displaying data

I have created a directive to display my grid as the following: This is the widgets module (function() { angular.module("Widgets", []); }()); This is the application module (function () ...
1
vote
0answers
459 views

ng-repeat with angular ui select initialize

I have ui select inside ng-repeat and the result is going to mongodb. Below is the html code: <div ng-repeat="category in colorObj.tagsCategories"> <span>{{category.name}}: ...
1
vote
0answers
90 views

Angular Ui DateTime issue with Firefox

I was trying to implement angular-ui datetime picker, however the functionality is fine in chrome, but its not working in mozilla firefox(v 34.0.5), the calendar is chopped off even when i zoomed out. ...
1
vote
0answers
84 views

Angular-ui-gmap layer directive's option object not updating

I'm using angular-ui-gmap to render some polygons from a Fusion table, there's a lot of them so they have a 'zoom' property which filters what rows should be rendered at what zoom level. I'm using ...
1
vote
0answers
44 views

Handling case when ui-select-choices returns 0 items in angular-iu / ui-select component

There's a case when user types something in ui-select and doesn't find anything - the result array is empty. I want to handle this case & show something like "Create New". This item should be ...
1
vote
0answers
487 views

newline in popover text from scope

I'm using angular-ui popover. The popover text is {{popoverText}} so the HTML won't be filled with tons of text (and it is more correct to put it in the controller. I defined $scope.popoverText in ...
1
vote
0answers
233 views

AngularJs/ui-map How to trigger a render of the current map frame

Rushed question so forgive the poor title. I'm adding a new marker to the map when the user clicks on the map, the marker is placed at the corresponding Lat/Lng. The marker is placed correctly, ...
1
vote
0answers
57 views

Understanding ngResource and UI Bootstrap

I'm trying to use a modal window (UI Bootstrap) to update documents in a Mongo datastore and am interested in determining the different ways for doing so. Currently I have a view that, by way of it's ...
1
vote
0answers
227 views

AngularJS URL encoding

I am using angular-breadcrumb for breadcrumbs. I would like to disable URL encoding, for example: I have a state: state('foo', { url : '/foo', templateUrl : 'foo/bar', ...