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
26 views

Install angular-ui

I have a MEAN project, using AngularJS v1.4.3. I need to insert a dropdown item into the navigation menu, therefore I tried to follow the instructions to install, include and use angular-ui/bootstrap ...
0
votes
0answers
14 views

Bootstrap tooltips with Angular only on truncated text

Very similar to Show tooltip only when the text is truncated in angular UI bootstrap directive I want tooltips to popup only for truncated text, and I want them to react to resizing. At least in the ...
0
votes
3answers
33 views

Controller variable change does not reflect in angular modal

I am using controllerAs syntax and opening angular-ui modal dialog from it with variable passed to modal controller using "resolve". After opening, I am executing ajax "request", and "updating" ...
0
votes
0answers
20 views

How to set auto shift location of value on delete on angular ui-mask to false?

How to set auto shift location of value on delete on Angular ui-mask to false? <div class="col-sm-6 form-group margin-top-15px" show-errors> <input type="text" class="form-...
1
vote
1answer
50 views

Open AngularUI Bootstrap Typeahead Matches Results via Controller

Is there anyway to trigger opening the match results on a typeahead input text box from the controller? use case: user goes to https://example.com/search/searchText controller of page sets the ...
1
vote
6answers
51 views

Add border property to a span element

I have a span element (a star rating created by a Angular-UI Rating (link to Plunkr at the bottom). I want to apply a border to the entire span (rating) element so that I can alert the user when there ...
0
votes
0answers
11 views

angular-ui-layout - Behaviour when main windows maximizes/minimizes

I'm using angular-ui-layout 1.4.2 in an Electron app and it's all working great except for when the main window is maximized/minimized. The containers are set again to the default sizes and some of ...
0
votes
1answer
35 views

AngularUI-Bootstrap Typeahead: Grouping titles by type

I am implementing typeahead using AngularUI-Bootstrap. I need to show the results grouped based on some values coming from the database. Here's a example of result [{ "id": 1, "label": "...
0
votes
0answers
13 views

angular-ui pagination param in querystring

I want to add the page param in the query string. Using angular-ui pagination button the page 2 is correctly loaded, SearchService is called with the rights params, but immediately I see the page ...
0
votes
0answers
8 views

Prevent angular UI accordian collapse

I want my accordion to remain open on model refresh/reset. The reset button on the accordion form reset the model data resulting in accordion to collapse.Is there as way to keep it open. I am using ...
0
votes
1answer
30 views

Angular UI - angular-google-maps. Is It possible to configure uiGmapGoogleMapApiProvider.configure(options) dinamically?

Is It possible to insert options dinamically from promise (ex. $http.get(...)) in to .config(function(uiGmapGoogleMapApiProvider) { uiGmapGoogleMapApiProvider.configure(<object from $http&...
0
votes
0answers
13 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
17 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
41 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
14 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
17 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
35 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
47 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
14 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
26 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
29 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
60 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
23 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
75 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
9 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
18 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
40 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
30 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
56 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
41 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
33 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
59 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
22 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
18 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
35 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
6 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
15 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 ...
0
votes
0answers
16 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
56 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
28 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
48 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
65 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
15 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
40 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 ...