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.
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: "...