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
1answer
35 views

How to check if a Bootstrap UI modal is open? - AngularJS

My application can open a modal if there's already one open. If that's the case I want to close that modal and open the new one after that's done. Service to open modals: app.service('ModalService', ...
1
vote
2answers
75 views
+300

Transclusion in Angular UI Modal not working

The objective of this plunk is to transclude elements into an Angular UI Modal from a controller, where the Modal is wrapped by a directive. The solution should follow these premises: The directive ...
2
votes
1answer
45 views

angular-ui-grid does not render properly inside nested ui-views

I am using AngularJS with ui-grid and ui-view in an attempt to create a page with a tabbed container. Content of each tab (typically a ui-grid) is being displayed within a ui-view: <div class="...
0
votes
0answers
19 views

Using a controller as uibModal Controller

So I am working on a module called "ShowTree". Before this, I have a controller named "InviteUserCtrl". Inside the ShowTree module, there is a button that will show a uibModal that is used to add new ...
0
votes
2answers
139 views

Angular Bootstrap Datepicker - Disable all dates except a specified list

I've been stuck on this issue for a couple of days now and I cannot find any suitable example online to help. I am getting a list of dates from a rest service that I need to make available within the ...
1
vote
3answers
30 views

Replacing modal content after it's opened? AngularUI Bootstrap

Could someone explain how I can replace the content inside a modal once it's opened? I'm opening a modal when a specific websocket event is fired. After that event I get status updates and I want to ...
1
vote
0answers
22 views

Angular UI Bootstrap Calendar Year Selector

Is there a way to configure the popup calendar widget such that the user can select the year from a dropdownlist? Kinda like this: It is not a requirement I am fond of, but a requirement I am stuck ...
0
votes
0answers
23 views

ag-grid with angular typeahead

I am trying to use Angular Typeahead (https://angular-ui.github.io/bootstrap/) with ag-grid (https://www.ag-grid.com/). I have set angularCompileRows to true and I have set up a cell editor for the ...
8
votes
1answer
187 views

Draggable Angular UI Modal loses focus

In this plunk I have an Angular UI modal with a draggable title bar. When you drag the bar, the entire modal moves. Problem is that if I move the mouse relatively fast up and down, the cursor loses ...
0
votes
1answer
41 views

Trouble converting a simple function to a Factory or Service using Angular JS

I've searched SO and the web for a long time but still can't find the right answer to my problem. Although there are a lot of threads addressing function to Factory/Service conversion, none seem to ...
0
votes
2answers
61 views

Bootstrap dialog in Angular js

I am new to Angular JS. I started learning Angular JS today. Before I was using Jquery and bootstrap for front-end. Now I want to show bootstrap dialog box using Angular js. I found this, https://...
0
votes
1answer
27 views

Dragging Angular UI modal with title bar

In this plunk I have an Angular UI Modal with a title bar. The objective is to drag the entire modal by dragging the title bar. Both the title bar and the modal share the (top,left) position, as the ...
0
votes
1answer
33 views

Angular UI tabs - change active tab programaticlly

I have a webpage with two angular ui tabs. I adding a new button into this page and I want to add this button-click behavior: when the button clicked, swap the tab to the other tab. For example: ...
2
votes
1answer
14 views

AngularUI Bootstrap: Parse HTML in carousel text

I'm trying to implement an Angular UI Bootstrap Carousel and have HTML in the texts. Thought I could use something like text: $sce.trustAsHtml('Nice image <br />test') but apparently that ...
0
votes
1answer
19 views

AngularUI - ui-select multiple value not showing properly

I've an angular-ui dropdown multi-select that does not show the values properly. The input binding box forms a plain box without evaluating my $item expression. Something like: HTML: <ui-select ...
0
votes
0answers
14 views

UI bootstrap typeahed, position of list

We can use https://angular-ui.github.io/bootstrap/ as an example under the heading Asynchronous results for the typeahead, type something into the box, and inspect the dropdown. When doing this I see ...
0
votes
0answers
21 views

Refresh Angularjs select-ui options list without a search input

I want to refresh the select-ui options list but without a input search, I mean I don't want to refresh the list dynamically with the user inputs in the search field. What I want to do is that I ...
1
vote
1answer
38 views

Override the default pagination template of ui-bootstrap

I using AngularJS to show pagination. I making some changes on the default pagination template. This is my HTML: <ul uib-pagination ng-model="source_pagination.current" template-url="pagination....
1
vote
1answer
55 views

UI Bootstrap vs Angular material

Currently my angular (v1) app exensively uses UI Bootstrap directives. I would like to switch to Angular Material, but I'm worried about its weight (just the minified css is about 400kB, with some js ...
0
votes
1answer
34 views

UI-Router, I am trying to pass id in the url, but I keep getting nothing

I am trying pass id in the url so that it can be use by other page more specifically the detail page but i keep getting nothing. the url is going to the correct route but the id is not getting passed ...
0
votes
1answer
21 views

AngularJS UI routing $stateChangeStart dont work as expected

I have created an app with angular ui routing and states. Also I have a WEB API controller that can use to learn if user is authenticated or not. The problem is that http request to that WEB API has ...
0
votes
0answers
47 views

Hi guys.I am using ui-grid for my front end ..but i am getting warning that- unknown attribute 'ui-grid-tree-view'. Kindly suggest [closed]

Please have a look at the official site . This is what i am trying to do in my visual studio 2013. I have added planker.I am getting warning that- unknown attribute 'ui-grid-tree-view' and unknown ...
0
votes
1answer
69 views

Angular UI - set active tab programmatically

I using AngularUI with this code: <uib-tabset type="pills"> <uib-tab heading="Tab 1">Tab 1 content</uib-tab> <uib-tab heading="Tab 2">Tab 2 content</uib-tab> <...
1
vote
1answer
33 views

angular-ui-mask doesn't mask as expected in the text box

I am using angular for my web-application and trying to use angular-ui-mask (https://github.com/angular-ui/ui-mask) to mask the input to prevent someone from even typing anything but numbers in the ...
2
votes
1answer
23 views

UI-Router parent controller doesn't initiate

I'm using AngularJs UI-Router for my app, but I'm with a problem where the parent's controller isn't initiated. This is my state structure: .state('main', { abstract: true, controller: '...
0
votes
0answers
32 views

How to create connected modal forms with angularjs?

I want have a table showing a list of students. When a user clicks on a one of these students, a modal form pops up showing the details of the student (this works fine). I expose the selected student ...
1
vote
1answer
87 views

Are Angular UI and Angular Material mutually exclusive?

To use Angular Material (1.x), do we need Angular UI. If I use Angular Material alone, will I get features similar to Angular UI (apart from Material Design)? Are they mutually exclusive, or ...
0
votes
2answers
44 views

How to make new / last element in accordion automatically expanded in AngularJs?

I use accordion in my angularjs project. Here is template: <uib-accordion close-others="oneAtATime"> <uib-accordion-group heading="{{group.title}}" ng-repeat="group in groups" ...
1
vote
0answers
21 views

Angularjs bootstrap UI typeahead not working asynchronously

I am using the angular bootstrap ui typeahead asynchronously to return an array of records, but can't get it to work. I've gotten the typeahead to work when the operation is performed synchronously, ...
0
votes
1answer
34 views

Angular UI Router - using ui-sref on child view to change parent view

Im fairly new to angular UI. I am trying to have a ui-view that has a child a tag that has an sref that will change its parent ui-view Something like this: <html> <head> <meta ...
0
votes
1answer
40 views

how to select default value of ui select?

could you please tell me how to set default value in UI -select . here is my code http://plnkr.co/edit/tCrEM4oC9iMSYZffbEAX?p=preview I want "Adrian" should select as by default .could you please tell ...
2
votes
2answers
79 views

how to select value in UI select value?

could you please tell me how to select value in UI-select value ? Actually when user select any name I want to select age of item .Here is my code http://plnkr.co/edit/InxOyQRjrlrDJtx2VuzI?p=preview ...
0
votes
0answers
17 views

date picker button Option angular-ui/ui-date

I want display a text field combined with a button. Click on button opens the date picker window and selecting the date populate the input text field. I am using angular-ui ui-date for this. ...
0
votes
0answers
16 views

Angular - ui.mask overwrite empty ng-model when invalid

I am using anuglar ui.mask plugin for mask credit card numbers. and script is working like magic. BUT: when i have use ui-mask with ng-keyup directive for watching bin numbers. value in my model is ...
0
votes
1answer
25 views

Angular ui: bootstrap datepicket input validation

I'm using this datepicker. As of now, the user can write anything he likes in the input field which is not what I want. My code: session.js session.getDateFormat = function() { return ...
0
votes
1answer
16 views

angular UI-routing with IIS

i have a website created in visual studio using angular ui routing. My angular app is named 'PlatformWeb'. When i define a state like .state('PlatformWeb', { url: '/PlatformWeb', ...
1
vote
2answers
51 views

angularjs ui-select-choices dropdown aphabetical order depending on the input given

I'm using https://github.com/angular-ui/ui-select for the website I'm working on. Currently the code is as follows: <ui-select ng-model="model.states"> <ui-select-match ...
0
votes
0answers
15 views

Can't reach value in Angular-ui tagging

I just started using Angular-ui with a multiple select. The goal would be to get emails form the multiple select but in my controller the console log says it is undefined. In my template file I ...
0
votes
1answer
106 views

Angularjs organizational chart directive

Is there any Angularjs Organizational chart directive for wesnolte/jOrgChart or similar chart?
0
votes
0answers
33 views

Angular UI Modal Controller popup in Meanjs

Problem: I have a modal screen to edit the list data in a meanjs application. I used the yo generator for the CRUD operation. In the edit view I have a modal which has a separate controller which I ...
0
votes
1answer
52 views

angular-ui/angular-google-maps cant set pushpin on a icon

I'm working with angular-ui-google map..my task is to set a pushpin on the map..when ill do that a screen will pop up with the selected address so that i can proceed to the next step...the problem im ...
0
votes
2answers
93 views

Change confirm dialog box button's text in Angular Js

First of all would like to mention that i am new in Angular JS. I have implemented below code in that i want to change button text (By default button names are "Ok" and "Cancel") .i.e "ok" button text ...
0
votes
1answer
17 views

How to append angular ui uib-template to body but still have the reference to the directives' controller?

I've got a directive and I have to append a tooltip to one of its elemenets. But due to existing HTML/CSS code I have to append it to the body instead of this element. But I still need some properties ...
0
votes
0answers
19 views

angular-ui boostrap - timepicker localization

Does anyone know why it isn't possible to update meridians? This is typically something you'd want to do when switching languages... Is this an oversight (and, if so, is there a workaround) or am I ...
1
vote
1answer
30 views

How to do something when an AngularUI's modal is closed?

I'm working with an AngularUI's modal, and I would like to change a variable of my controller when the modal is closed. My modal looks like this: <div class="modal fade" id="awesomeModal" role="...
1
vote
0answers
35 views

Class directive dynamically adding another directives

I'm trying to create an angular directive (as a class) which dynamically adds a angular ui tooltip to the same element. I've tried following, which unfortunately does not work. MyApp.directive('...
0
votes
0answers
26 views

Close ,opened particular modal on page loads in angular-ui bootstrap

i have a code in routing like this .state('resetPassword', { url: '/home/reset_password', templateUrl: 'home/home.html', controller: 'HomeController'...
0
votes
1answer
49 views

How to select a tab on Angular UI programmatically?

In this plunk I have three tabs that are created from an array. When I click on the button, I need the one named "Name 1" to be selected and have the focus. How can this be achieved? HTML <uib-...
0
votes
1answer
18 views

Editing tab names with double click in Angular UI

In this plunk I have an Angular UI tabset with tabs that are created dynamically. My objective is to have the user double click on the tab name (tab heading), make the name editable, have the user ...
0
votes
0answers
22 views

Angular UI router - child of abstract state not inheriting data in $stateChangeStart

According to the top answer to this question... Acess parameters of parent state from child state in stateChangeStart When you inject toState into $stateChageStart it's supposed to inherit/merge ...