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.
3
votes
4answers
5k views
Angular UI-Grid (new one) - Dynamic/Autosize Height Based on Rows
How do I get the angular ui-grid (the new one) to resize based on the number of rows? Bonus question, up to a max height or maximum number of rows to show?
22
votes
5answers
40k views
Angular ui-grid dynamically calculate height of the grid
I am using : https://github.com/angular-ui/ui-grid.info/tree/gh-pages/release/3.0.0-RC.18
<div ui-grid="gridOptions" style="height:765px"></div>
When I hard code the value, as shown ...
0
votes
1answer
12 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 ...
2
votes
2answers
4k views
Nested SELECT options
I am looking for a directive that allows the user to see elements in a dropdown in a hierarchy. The SELECT tag supports . But this allows only 2 levels. I would like to show about 5 levels. For .e.g.
...
1
vote
1answer
404 views
How to set text on md-Switch?
I am trying to set informational text on md-switch that comes under material angular design so that user can know what is the current state of a field value. Pictorial representation of what I want ...
9
votes
3answers
8k views
Angular ui-router to accomplish a conditional view
I am asking a similar question to this question: UI Router conditional ui views?, but my situation is a little more complex and I cannot seem to get the provided answer to work.
Basically, I have a ...
0
votes
0answers
8 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
11 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 ...
0
votes
2answers
3k views
angularjs ui bootstrap datepicker popup without text input field
I can't find a way to configure the angularjs ui-bootstrap datepicker popup so that it only shows the button, not the text input field in front of it.
Has anyone had a similar requirement?
2
votes
3answers
3k views
Prevent AngularJS modal from closing based on logic inside the modal controller
Is there a way to prevent the an AngularJS modal from closing/dismissing in the controller logic of the modal?
What I want is to show a warning when the users closes the modal and the form inside the ...
1
vote
1answer
24 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
27 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 ...
1
vote
1answer
26 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 ...
88
votes
8answers
164k views
How do I store data in local storage using Angularjs?
Currently I am using a service to perform an action, namely
retrieve data from the server and then store the data on the server itself.
Instead of this, I want to put the data into local storage ...
0
votes
1answer
30 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
17 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
42 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
37 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>
<...
16
votes
4answers
8k views
Handling trailing slashes in angularUI router
It's been hours since I started working on this problem and I can't seem to get my head around the solution.
I have an app that may result in users actually typing in the URL. In such cases it is not ...
14
votes
1answer
5k views
Reliably determine if angular-ui modal is open or closed (shown or hidden)
I'm looking for a method to reliably determine if the angular-ui modal window is currently open or closed.
The standard Bootstrap JS provides the 'shown' / 'hidden' events for this.
Right now I can ...
0
votes
2answers
34 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
2answers
216 views
Angular ui-state with params type in typescript
What I know
When using TypeScript with angular's ui state, I can provide "type assertion" with the UI-Router definitely typed library.
Using this, I can inject $state and have code similar to the ...
3
votes
5answers
11k views
How do I get $index from an ng-repeat table to a modal controller?
I have a table of customer records created with angularjs bootstrap-ui and uses ng-repeat.
At the end of each line in the table is a button to get more information about the customer.
When the ...
2
votes
1answer
20 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: '...
4
votes
2answers
2k views
angular-ui ui-calendar not updating on changes to Event Source Object / ng-model
I'm adding fullcalendar.js to an angular app using angular-ui / ui-calendar.
(angularjs 1.3.10, fullcalendar 2.2.6, ui-calendar 0.9.0-beta.1, jQuery 2.1.3, moment 2.9.0 & angular-moment 0.9.0)
In ...
12
votes
7answers
30k views
Angular UI Router: How do I get parent view to be “active” when navigating to nested view?
I'm working on a project that has implemented the UI router and it's using ui-sref-active="active" to add the active class to the navigation menu item when that item is the current route. However, ...
11
votes
6answers
21k views
How to prevent scrolling of the body content when bootstrap modal is open
I am using Angular UI Bootstrap Modal box. When the modal opens the body has a scroll. When I scroll the content behind the modal also scrolls.
I can set overflow: hidden to the body tag and this ...
18
votes
2answers
27k views
How to set a default state with Angular ui-router
I am using states to change data in a table.
URLs are of the form /zone/:zoneCode.
However, when just /zone is accessed I want it to default to a certain zoneCode.
This is my code:
.state('zone',
{
...
25
votes
4answers
19k views
Angularjs $state open link in new tab
I'm trying to implement an "open link in new tab" function using $state.go function. It would be awesome if there was smth like:
$state.go('routeHere', {
parameter1 : "parameter"
}, {
...
1
vote
1answer
837 views
Angular UI-Calendar TypeError: calendar.fullCalendar is not a function
I been trying to use Angular: ui-calendar with meteor, but get this error.
TypeError: calendar.fullCalendar is not a function
at Scope.scope.initCalendar (calendar.js:265)
at Object.fn (...
0
votes
0answers
26 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
76 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
0answers
11 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, ...
3
votes
3answers
6k views
Angular-UI One day is subtracted from date in ui-date
The situation
I want to use ui-date to set/edit a date in my app. I use the latest stable versions of angular, angular-ui, jquery-ui etc.
The problem
As soon as a date is selected using the ...
2
votes
2answers
46 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
1answer
27 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 ...
1
vote
1answer
836 views
manually set validity in bootstrap validator
Is is possible to manually set field validity to invalid in bootstrap validator?
I'm using angular js in my project and want to use date range validation.
The "max-date" attribute works fine except ...
0
votes
1answer
33 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 ...
9
votes
8answers
15k views
Create Hoverable popover using angular-ui-bootstrap
I have the following code for creating a popover in my template file:
<span class="icon-globe visibility"
id="visibilityFor{{post.metaData.assetId}}"
popover="{{post....
9
votes
5answers
14k views
How do I $watch the Angular-ui's new ui-select (former ui-select2) search string changes?
I noticed that the Angular-UI have discontinued their UI-Select2 directive in favor of the new UI-Select (with multiple themes - select2, bootstrap, selectize).
It looks like this:
<ui-select ...
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
12 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 ...
14
votes
3answers
17k views
Preserve state with Angular UI-Router
I have an app with a ng-view that sends emails to contact selected from a contact list.
When the users select "Recipient" it shows another view/page where he can search, filter, etc. "Send email" and "...
0
votes
1answer
24 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 ...
7
votes
1answer
806 views
angular bootstrap tabs - select function called in page load
I have the angular bootstrap tabs in the following format. (see the plunker)
The select function is supposed to trigger when the tabs are selected. But strangely, when the page is loaded, the very ...
0
votes
1answer
59 views
Angularjs organizational chart directive
Is there any Angularjs Organizational chart directive for wesnolte/jOrgChart or similar chart?
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',
...
0
votes
0answers
26 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 ...
265
votes
13answers
231k views
How to use a keypress event in AngularJS?
I want to catch the enter key press event on the textbox below. To make it more clear I am using a ng-repeat to populate the tbody. Here is the HTML:
<td><input type="number" id="closeqty{{$...
1
vote
2answers
34 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 ...
Related Tags
angularjs × 2427
javascript × 808
angular-ui-bootstrap × 477
angular-ui-router × 352
angularjs-directive × 308
twitter-bootstrap × 227
angularjs-scope × 184
jquery × 99
angularjs-ng-repeat × 96
ng-grid × 82
datepicker × 63
html × 55
angular-ui-grid × 54
css × 53
modal-dialog × 51
angular-ui-typeahead × 48
fullcalendar × 45
google-maps × 41
jquery-select2 × 39
ui-select2 × 35
jquery-ui × 30
ionic-framework × 30
state × 29
twitter-bootstrap-3 × 28
ui-select × 26
more related tags
Hot Network Questions
- Count to 100 in Danish
- To align numbers and boxes that appear in table column
- Esolang-Comment-Template-Generator
- Is there any chance that a Korean language-learner uses ㅂ니다 ever?
- Why is it dangerous to open a suspicious email?
- What is 'tabnapping'?
- Object-oriented dungeon crawler game
- Optional argument that can be completely omitted?
- Why does the call stack have a static maximum size?
- Can you legally sell modified versions of Linux distros?
- (Why) should a move constructor or move assignment operator clear its argument?
- Should I loot every house in Witcher 3?
- I'm 3 things in 1. What am I?
- Why does this grep for a string in all sub directories not work?
- How do we prove or disprove that a particle has no internal structure?
- Is it inappropriate to tell my students to check their school email?
- At the time of Sputnik, what kind of radios were common in the Soviet Union?
- Do academic integrity pledges work?
- Does the moon have days?
- Counting Goats to Sleep
- delete i->j if j->i exists?
- Collecting credit card info in HTTPS iframe within an HTTP site
- Can I have Gunpowder without having guns?
- Is it possible for a large pre-electricity empire to stay in touch?
