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

0
votes
0answers
5 views

Angular UI google map in modal code architecture

I'm using Angular UI Google Maps. I need to add an ability to view each map in a modal window. What architectural approach should I need to do? I have a non-simple map with widgets like a searchbox. ...
0
votes
0answers
10 views

Controller 'formioElement', required by directive 'formioElement', can't be found! in angularjs

I am implementing a form using form.io in my angular page. I need to display different forms on click of their name. Html <div ng-repeat="form in TemplateNames"> <a href=...
1
vote
1answer
33 views

How to dynamically bind Json data to ACE Editor

I've created an AngularJS based application that embeds Ace editor via UI.Ace directive for Json. The app will create a set of editors based on dynamic Json data, i.e. each editor has ng-model that ...
0
votes
0answers
6 views

Angular Bootstrap Collapse Navbar Not Responsive on Mobile Viewports

I'm developing a MEAN application that needs to look good on mobile browsers. At first I was trying and failing to use Bootstrap to make this responsive, as I didn't realize Angular was clashing on ...
-1
votes
0answers
12 views

How to add ui-leaflet to ionic project

Probably a stupid question, but is there a automated way how to add ui-leaflet to an ionic project? I could do it manually, but ionic / cordova or bower commands would be appreciated for automated ...
1
vote
0answers
15 views

scroll to $index on enterState

I use a bootstrap-ui accordion <uib-accordion close-others="true"> <uib-accordion-group ng-repeat="e in list" is-open="status[$index]" ng-init="status[$index]=false" index="$...
1
vote
1answer
28 views

Can't embed ACE Editor “ui-ace need ace to work” error with angular-ui-ace

I'm trying to embed ACE editor elements into my AngularJS project in order to allow JSON editing feature in it. Here are all configurations/settings so far: Bower.json "dependencies": { "angular-...
1
vote
0answers
39 views

Issue with Parent Child Scope With Modal: Using angular ui router with angular bootstrap modal ($uibModal)

Here is my current code: Parent Controller vm.animationsEnabled = true; vm.open = function (size) { var modalInstance = $uibModal.open({ animation: vm....
0
votes
0answers
12 views

Angular Ui-Grid: Resize all row heights causes scrolling issues

I've hit an issue with resizing row heights. I have a button that changes all row heights back and forth from 30px to 60px by modifying gridOptions.rowHeight. The rows change height just fine but it ...
-1
votes
0answers
11 views

Horizontal movement of splitbar is not resizing contents

So, I made a 4-split window using angular-ui-layout and when I resize via dragging a vertical splitbar, the contents of each panel get resized. However when I do it with an horizontal splitbar ...
0
votes
0answers
25 views

Angularjs ui grid issue with small set of data (very few rows) but containing huge text for some columns

I am using ui grid in Modal but I am facing problem in representing data with large text. I have only maximum up to 5 rows in my data set. But some of the columns in the rows have huge text. So I ...
0
votes
2answers
27 views

angular-ui popover vanish, if a button is clicked inside of popover

I have used popover with popover-trigger = 'outsideclick' and inside a popover i used a custom directive to render html. Now when i click a button inside popover the popover vanishes. I have created ...
0
votes
1answer
42 views

yeoman : yo command hangs forever

I started following this tutorial : http://mobileangularui.com/blog/using-the-generator/ after one day of resolving errors and dependencies, now I am stuck as my yeoman since I didn´t found any answer ...
1
vote
1answer
20 views

angularjs toaster failing to change from sticky to dismiss dynamically

I am using (Angularjs toaster) and my requirement is initially I need to make toasters sticky and after some particular button click, all the toasters should be dismissed as per the given interval. ...
0
votes
2answers
55 views

getting data from angular modal service

First type questioner, long time reader. Newbie to Angular. I am trying to create a popup modal for expanding a text box. (If you have ever dealt with Access, think shift F2). So, I have a form ...
0
votes
0answers
7 views

uib-datepicker-popup clipped by a fixed div

I have a page header that uses position: fixed, and multiple uib-datepicker-popup inputs (from Angular UI Boostrap) on the page below, which always end up underneath the header whenever they overlap. ...
0
votes
1answer
12 views

Insert different fontset icons next to header in angular tabs

I have 4 different tabs made with angular tabs. I want to put a matching icon next to each header text in the tabs. Any idea on how this is possible?(new at angular) So far, I've only managed to ...
2
votes
0answers
32 views

How to use $compile inside an AngularJS link function with a $watch

Using AngularJS and Angular-UI Tooltip (uib-tooltip) to setup a tooltip system that allows the user to turn the tooltips on & off. I'd also like to keep the text in a central location for easy ...
0
votes
1answer
27 views

ui datepicker not working with minimum date

I'm using angularjs and I am having a datepicker like this: <div ng-controller="MyController as vm"> <div class="small-8 columns right-align"> <input id="dateFrom" ...
0
votes
0answers
21 views

Using Angular ui-calendar with google calendar server

Is it possible to use angular ui-calendar with google calendar by O-Auth ? As per the documentation ( http://angular-ui.github.io/ui-calendar/ & https://fullcalendar.io/docs/google_calendar/ ) it ...
0
votes
1answer
44 views

Is there angular-ui update for angular 2?

We are moving angular1 to angular2, we are using angular-ui/ui-mention. Is there any update for angular2, or any new library for facebook like mention? We have tried angular2-mention, but it does ...
0
votes
2answers
32 views

How to remove sorting on ui-grid before reload another data set ui-grid

Im using ui-grid to load my data set. Here is my requirment; step 01: I want to load dataset_01 (scope.gridOptions.data = res_01;). step 02: I want to sort by First Name (Click by firstname column). ...
0
votes
3answers
29 views

How to disable client side sorting in angular ui-grid?

I have two questions. I am trying to disable client side sorting in ui-grid, how can I do it? Instead of client side sorting, I need to set another data set to ui-grid and refresh the data set. ...
0
votes
2answers
43 views

Center Angular UI Modal in the middle of the screen

I followed the solution taken from here but it's not working. I need to center the modal right in the middle of the screen, both horizontally and vertically. I attempted in this plunk but it's not ...
0
votes
1answer
18 views

Accessing a form in an Angular-UI uib-tab

If you have a form in a uib-tab, how do you access it to (eg) validate the form? Here's a plunker: http://plnkr.co/edit/8hTccl5HAMJwUcHEtnLq?p=preview When I try access $scope.forminside it's ...
1
vote
2answers
28 views

ui-view inside another not showing

I have a question regarding Angular UI-Router and its ui-views. I declare three ui-views inside another one, and the only one that shows up is the one with the name "languages". I don't understand why ...
0
votes
1answer
17 views

angular ui-grid remove column hidden from export menu

I don't want column hidden feature in ui-grid. So I used enableHiding: false in columns. But I can see columns in Grid export menu (show below) How can I remove columns: from grid menu ? Thank you
0
votes
1answer
31 views

ui-router Dynamic routing issue

is there using angularJS 1.5 and ui.router to define State and routes dynamically? I mean getting the data from a backend sever and then populate the ui-router param such as state, URL ... I tried to ...
0
votes
0answers
5 views

angular ui Modal: reload table data based on search inside modal

I am using angular ui Modal for displaying few contents on the table.Now I would also like to filter my content. This is would be server side filtering. I have somehow managed to configure modal to ...
0
votes
1answer
14 views

Angular ui-router parameter causes conflicts with other states

Just to give some context, I have an Angular application with several separate modules. I am working with ui-router to provide routing to these modules, and I want to use the names of the modules in ...
0
votes
1answer
29 views

Bootstrap alert message is not working inside angular run blocks under ui-router?

I am doing sample application to autologut if user is idle for 30 Min. before 1 minutes to logOut have to show an warning message to the user. So i have calculated the minutes and show the warning ...
-1
votes
0answers
14 views

Angular-ui Maps radius_changed event firing before radius is changed

I'm using Angular Ui Maps (http://angular-ui.github.io/) and also a a slider. I'm using the slider to control the radius of a circle on the map, and I've enabled editing of the circle on the map. ...
0
votes
0answers
15 views

Angular: Debounce conflicting with change directive

I am trying to use ng-model-options with angular-ui typeahead. I have also set a custom directive to trigger dropdown on typehead input focus. Here is the plunker for experimentation: https://plnkr....
6
votes
1answer
50 views

How to not allow copy pasted values in ui-select in AngularJS

I have a dropdown list and a ui-select. on the basis of dropdown value ui-select values are binding. but if i am directly pasting that specific values into ui-select it is showing as selected. how can ...
0
votes
0answers
26 views

Angular ui-timepicker - not change the data in ng-model

In html: <input ng-model="schedule.when" ui-timepicker="timePickerOptions"/> In js - i have this : let toTime = (dStr) => { var now = new Date(); now.setHours(dStr.substr(0, dStr....
2
votes
1answer
46 views

Tooltip of AngularUI not shown for divs within ng-repeat

I'm trying to show a tooltip on some divs of a website using AngularUI. The goal is to show them already when the user enters the site. That's why tooltop-is-open is set to true. However, this does ...
1
vote
1answer
59 views

Unit testing, how to check whether the template for $uibModal exists

I use service $uibModal to create modal window. And I need to ensure that template file exists. (function () { angular.module('some.module.name').factory('serviceName', function ($uibModal) { ...
0
votes
0answers
12 views

angular ui fullcalendar eventDrop working inconsistently

So I've recently integrated angular-ui-calendar into a project I'm working on and am having quite a bit of trouble with it - and specifically with drag and drop in basic month view. After a few days ...
0
votes
1answer
33 views

Angularjs nested ui view not working

In one of my applications, I have created a maincontroller and a main page with ui-view. A main_live_video_chat.html is being loaded into the main page ui-view. This subpage main_live_video_chat.html ...
1
vote
1answer
33 views

Angular UI-Router childs

I have an app.config with UI-Router. It has a login page with it's controller, recoverLogin and I want to put a template with footer, header and more stuff with new states that could be loaded into ...
0
votes
1answer
28 views

Angularjs ui router needs to load child state by default similar to home page

I am using angularjs ui router and I need to load the child state by default (i.e., 'dashboardParent.dashboard'). $stateProvider.state('dashboardParent', { abstract: true, url: '/...
1
vote
0answers
58 views

How to use ui-grid with ng-repeat and angular-ui.bootstrap.collapse

I have a table where I use ng-repeat and angular-ui collapse to show data on it. I would like to implement ui-grid, but I'm not even near a solution. Here's a Plunker of my code: https://plnkr.co/...
0
votes
0answers
29 views

How to add tab title dynamically using bootstrap nav-tabs?

I want to add dynamically tab title when user select the list item , in below code when page load I am displaying tabs but when user click on list item on left sidebar it will display content in tab ...
0
votes
3answers
45 views

ui cell template needs dynamic ng style

In angularjs ui grid, I have the cell template as shown below : cellTemplate : "<div class="progress"> <div class="progress-bar progress-bar-info" ></div> </div>" Now I need ...
1
vote
1answer
42 views

How to populate with options an angular ui-select after a promise?

I have the html <ui-select multiple ng-model="item.selectedOrganizations" theme="bootstrap" ng-disabled="disabled" sortable="true" close-on-select="false"> <ui-select-match ...
0
votes
0answers
18 views

ui-grid-edit Error: $compile:multidir Multiple Directive Resource Contention

When adding the ui-grid-edit directive so that I can edit, and edit on focus, essentially the same as Tutorial 301, I get this error: Multiple directives [input (module: app), uiGridEditor] asking ...
0
votes
0answers
8 views

AngularUI Datepicker Entering Different Year Format

I am using an older version of AngularUI (version 0.13.4 - 2015-09-03) with Datepicker. I have the popup date set to use 'MM/dd/yyyy'. The problem, if a user does not use the popup datepicker and ...
0
votes
0answers
35 views

angular slim scroll doesn't work in angular ui popover

I have already working code with div where ngSlimScroll works great, but when I put same layout inside popover template the scroll won't work. The scrollbar and rail appears but both have 0px height; ...
0
votes
0answers
19 views

$modalStack not closing modal when clicking back button

I am using AngularUI bootstrap modal which is opened from my controller as below: $scope.openModal = $modal({ title: title, scope: $scope, templateUrl: modalUrl, ...
0
votes
0answers
8 views

Restrict uib-typeahead to only one attribute

I have an array of objects that is searchable via uib-typeahead. the array looks like this: [{name: "any name", shortName: "any-name", img: "imgsrc.jpg", club: "manchester united", nationatliy: "...