Stack Overflow
Stack Overflow

Questions tagged [angular-ui]

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.

The AngularUI is an umbrella project for multiple sub-projects:

  • angular-ui - original project containing jQuery-specific directives as well as number of utility directives and filters.
  • bootstrap - project containing directives specific to Twitter's bootstrap. Native AngularJS directives without dependencies on any 3rd party JavaScript
  • ng-grid - fully-featured grid implementation for AngularJS. Depends on jQuery.

Code

Hosted on GitHub: https://github.com/angular-ui

Community

  • Mailing list: angular-ui@googlegroups.com
  • IRC: #angularjs
2766 questions
77
votes
9 answers

Directing the user to a child state when they are transitioning to its parent state using UI-Router

Consider the following: .state('manager.staffList', {url:'^/staff?alpha', templateUrl: 'views/staff.list.html', data:{activeMenu: 'staff'}, controller: 'staffListCtrl'}) .state('manager.staffDetail', {url:'^/staff/{id}' , templateUrl:…
Meeker
  • 5,979
  • 2
  • 20
  • 38
76
votes
4 answers

Responsive dropdown navbar with angular-ui bootstrap (done in the correct angular kind of way)

I've created a JSFiddle with a dropdown navbar using angular-ui-boostrap's module "ui.bootstrap.dropdownToggle": http://jsfiddle.net/mhu23/2pmz5/
Michael Hunziker
  • 2,659
  • 3
  • 22
  • 26
70
votes
2 answers

How to tie angular-ui's typeahead with a server via $http for server side optimization?

The typeahead example (http://angular-ui.github.io/bootstrap/#/typeahead) mentions it's easy to implement a back end into this autocomplete, but provides no example. What interests me in particular is finding out the currently entered string so that…
Swader
  • 11,387
  • 14
  • 50
  • 84
68
votes
3 answers

angular js: Prevent Bootstrap Modal from disappearing when clicking outside or pressing escape?

Am using the angular bootstrap to present a modal. But my requirement is to prevent pop-up dismissal when clicking outside the modal, or when the escape key is pressed. I followed the tutorial on the angular bootstrap site…
Vinodh
  • 5,262
  • 4
  • 38
  • 68
68
votes
6 answers

How to extract query parameters with ui-router for AngularJS?

How do I extract query parameters using ui-router for AngularJS? In AngularJS' own $location service I did: ($location.search()).uid to extract the parameter uid from a URL. What is the corresponding code for ui-router?
Per Quested Aronsson
  • 11,380
  • 8
  • 54
  • 76
67
votes
2 answers

Authentication in Ionic/Cordova App

First off, I'm no pro. In my quest to become a better developer I am trying to understand what is needed and how to accomplish creating a sign-up/login for an Ionic-Framework app. Most of the single-page-applications (SPAs) handle authentication on…
TyMayn
  • 1,936
  • 2
  • 18
  • 23
66
votes
11 answers

How to detect browser using angularjs?

I am new to angularjs. How can I detect userAgent in angularjs. Is it possible to use that in controller? Tried something like below but no luck! var browserVersion = int((/msie (\d+)/.exec(lowercase(navigator.userAgent)) || [])[1]); I need to…
seUser
  • 1,093
  • 2
  • 10
  • 21
65
votes
6 answers

Check if a input box is empty

How can I check if a given input control is empty? I know there is $pristine property on the field which tells that if a given field is empty initially but what if when someone fill the field and yanks the whole content again? I think above feature…
vivek
  • 2,807
  • 5
  • 31
  • 44
64
votes
10 answers

Angular ui-router scroll to top, not to ui-view

I've just upgraded to ui-router 0.2.8 from 0.2.0 and I've noticed that when the state changes, the scroll position jumps to the top of te child ui-view that is the subject of the new state. This is fine but I have two problems with it: 1) I have…
jonhobbs
  • 26,684
  • 35
  • 115
  • 170
63
votes
13 answers

Angular bootstrap datepicker date format does not format ng-model value

I am using bootstrap date-picker in my angular application. However when I select a date from that date-picker underlying ng-model that I have bind gets updated I want that ng-model in one date format 'MM/dd/yyyy'. but it every times makes date like…
Jenish Rabadiya
  • 6,708
  • 6
  • 33
  • 62
62
votes
2 answers

AngularJS. Clear $timeout when invoking angular-ui modal

I have several $timeout expressions in Modal controller App.controller('ModalCtrl', function ($scope, $timeout) { for (var i = 0; i < 10; i++) { (function () { var timer = $timeout(function () { …
user3162402
  • 743
  • 1
  • 7
  • 7
59
votes
4 answers

Angular ui-router: ui-views vs directives?

The angular ui-router allows multiple nested views. The role of these interchangeable views seems to overlap the role of directives. What are the pros/cons to using (multiple, nested) ui-views vs angular's directives? UPDATE States and routing are…
Michael Lewis
  • 4,252
  • 6
  • 28
  • 39
58
votes
3 answers

angularjs ui-router - how to build master state which is global across app

...
With the given structure of the app (derived from angular-app): header:…
Amitava
  • 5,013
  • 9
  • 37
  • 50
57
votes
5 answers

Enable angular-ui tooltip on custom events

I am trying to use angular-ui's tooltip functionality to show my user that a particular field is invalid but it seems that the tooltip can be shown only on some pre-defined triggers. Is there any way by which I can trigger the tooltip except those…
vivek
  • 2,807
  • 5
  • 31
  • 44
55
votes
7 answers

Angular ui bootstrap directive template missing

I'm currently testing out angular bootstrap-UI locally on my machine. When I try to recreate the example of accordion and dialog box. I get this error message in my console saying that template is missing. Example of error: 404 Not Found -…
iknowu2
  • 553
  • 1
  • 4
  • 4
1
2
3
…
99 100