Tagged Questions
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
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 ...