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
428
votes
19 answers

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:
Venkata K. C. Tata
  • 5,539
  • 4
  • 22
  • 35
381
votes
3 answers

How to pass parameters using ui-sref in ui-router to the controller

I need to pass and receive two parameters to the state I want to transit to using ui-sref of ui-router. Something like using the link below for transitioning the state to home with foo and bar parameters:
skip
  • 12,193
  • 32
  • 113
  • 153
332
votes
18 answers

How to reload the current state?

I'm using Angular UI Router and would like to reload the current state and refresh all data / re-run the controllers for the current state and it's parent. I have 3 state levels: directory.organisations.details directory.organisations contains a…
Holland Risley
  • 6,969
  • 9
  • 25
  • 34
202
votes
3 answers

What is the difference between ui-bootstrap-tpls.min.js and ui-bootstrap.min.js?

At the Angular-UI-Bootstrap page on cdnjs, is says: Native AngularJS (Angular) directives for Twitter's Bootstrap. Small footprint (5 kB gzipped!), no third-party JavaScript dependencies (jQuery, Bootstrap JavaScript) required! ... and has options…
Robert Christian
  • 18,218
  • 20
  • 74
  • 89
112
votes
7 answers

Injecting $scope into an angular service function()

I have a Service: angular.module('cfd') .service('StudentService', [ '$http', function ($http) { // get some data via the $http var path = 'data/people/students.json'; var students = $http.get(path).then(function (resp) { …
chris Frisina
  • 19,086
  • 22
  • 87
  • 167
110
votes
2 answers

Difference between $state.transitionTo() and $state.go() in Angular ui-router

In AngularJS, I see sometimes we use $state.transitionTo() and sometimes we use $state.go(). Can anyone tell me how they differ and when one should be used over the other?
Barcelona
  • 2,122
  • 4
  • 21
  • 42
96
votes
6 answers

Otherwise on StateProvider

Using angular-ui-router, How can I use the otherwise method on $stateProvider or how can I use it at all ?
Adelin
  • 18,144
  • 26
  • 115
  • 175
95
votes
4 answers

angular ui-bootstrap typeahead callback on selectMatch?

I'm using the angular ui-bootstrap typeahead and I would want to use it as a way to pick up many choices, so I'd need to get the selected value when selectMatch method is launched but I can't find how to do that in my controller
mchasles
  • 1,173
  • 1
  • 8
  • 14
91
votes
6 answers

How do I prevent angular-ui modal from closing?

I am using Angular UI $modal in my project http://angular-ui.github.io/bootstrap/#/modal I don't want user to close the modal by pressing on backdrop. I want a modal can only be closed by pressing close button which I have created. How do I…
Rahul Prasad
  • 8,074
  • 8
  • 43
  • 49
90
votes
4 answers

Can you override specific templates in AngularUI Bootstrap?

I'm curious if there's a way to override single, specific templates from the ui-bootstrap-tpls file. The vast majority of the default templates fit my needs, but there's a couple specific ones I'd like to replace without going through the whole…
Jeremy Privett
  • 4,455
  • 2
  • 32
  • 35
88
votes
2 answers

What is the difference between "dismiss" a modal and "close" a modal in Angular UI-Bootstrap?

What is the difference between "dismiss" a modal and "close" a modal? close(result) - a method that can be used to close a modal, passing a result dismiss(reason) - a method that can be used to dismiss a modal, passing a reason
Green
  • 28,742
  • 61
  • 158
  • 247
87
votes
5 answers

How to detect current state within directive

I'm using AngularUI's routing and I'd like to do a ng-class="{active: current.state}" but I'm unsure how to exactly detect the current state in a directive like this.
Ben
  • 60,438
  • 111
  • 314
  • 488
86
votes
7 answers

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" }, { reload : true, newtab : true // or smth like…
Alex Arvanitidis
  • 4,403
  • 6
  • 26
  • 36
83
votes
13 answers

Dynamically set the value of ui-sref Angularjs

I have searched for a similar question but the ones that came up seem slightly different. I am trying to change the ui-sref='' of a link dynamically (this link points to the next section of a wizard form and the next section depends on the selection…
user3728830
  • 843
  • 1
  • 6
  • 7
79
votes
5 answers

How to integrate AngularUI to AngularJS?

Sorry for the silly question, does everyone know how to start using AngularUI? I've downloaded it from Github and read the instruction in README but still don't understand what I have to do.
user1679336
1
2 3
…
99 100