Skip to main content

All Questions

14votes
2answers
42kviews

Angular-UI Router: Nested Views Not Working

Building a multi-step form (“wizard”). Was originally following this tutorial, which worked great, but am now trying to adapt it so step one is embedded on the homepage rather than being a separate ...
Hugh Guiney's user avatar
12votes
3answers
25kviews

How to use Angular ui.bootstrap tabs with ui.router?

Here's my initial implementation of ui.bootstrap tabs using ui.router: <tabset> <tab heading="Tab1" select="$state.go('home.tab1')"> <div ui-view="forTab1"></div> </...
Franz Amador's user avatar
12votes
3answers
14kviews

Doubly nested views : UI-Router or UI-Bootstrap tabs / accordion?

I am a total Angular (and JS) beginner. I want to develop something like this: (with apologies to @PhillipKregg for borrowing his excellent illustration). Effectively, I want nested tabbed notebooks -...
Mawg's user avatar
  • 40.3k
9votes
2answers
12kviews

Angular ui-bootstrap tabs not rendering ui-view

I am upgrading an existing angular app to all the latest versions of angular (v1.2.13), ui-router (v0.2.8), and ui-bootstrap (v0.10.0). I have nested views that have multiple named views. One of the ...
Mark Meyer's user avatar
9votes
2answers
5kviews

AngularUI Router: pass url params to 'abstract' state while calling child state

I want to access the url parameter($stateParam) inside a abstract state while calling a child state. I am curious to know how that can be done. Code in plunker also $stateProvider .state('...
Devaroop's user avatar
8votes
4answers
32kviews

opening a modal in a route in AngularJS with angular-ui-bootstrap

I am trying to do what was essentially answered here Unable to open bootstrap modal window as a route Yet my solution just will not work. I get an error Error: [$injector:unpr] Unknown provider: $...
Darren Wainwright's user avatar
8votes
1answer
8kviews

How to load ui-router states into the content of ui-bootstrap tabs

I'm learning angular, and have been trying to dynamically load a HTML file fragment into the content pane of a tab. In this linked plunker I have created an angular module to configure the states ...
Kickaha's user avatar
  • 3,857
7votes
1answer
7kviews

How to change the URL when paging using UI Router?

I have an Angular JS project using Angular UI-Router which is going great but I am trying to implement the UI Bootstrap pagination directive and can't work out the correct strategy. I have a table of ...
jonhobbs's user avatar
6votes
2answers
11kviews

Tabs in angularjs not working properly with UI-Router and UI-bootstrap

I'm using a MEAN.js boilerplate, you can find the entire code here. I tried to add 2 new tabs to the page rendered after one of the articles have been selected from the list. For this task I decided ...
Cris69's user avatar
6votes
1answer
7kviews

'IPromise<any>' is not assignable to type 'Promise<any>'

I'm building a confirm dialog for when the user changes tabs. The code works fine but tslint complains about a type mismatch. The controller looks like: export class MyController implements ng....
Andrei Roba's user avatar
5votes
2answers
30kviews

How to get angular ui-router's ui-sref to work, when inside a directive's template?

Basically, I am trying to change/customize the behaviour of the ui.bootstrap.accordion. All is working, except for integration with ui-router. Here's the way I want to use the accordion: <...
Jared Tomaszewski's user avatar
5votes
4answers
1kviews

Angularjs UI bootstrap temporarily change URL on open and revert to original URL on close

I want to temporarily change the browser url when the ui bootstrap modal is opened ( The page behind should remain as is, only the url changes ). When the modal is closed the url should be reverted ...
Kunal Dethe's user avatar
4votes
1answer
3kviews

Bootstrap collapse and ui-router

I have issue with ui-router and using bootstrap collapse. <div class="panel panel-default" id="accordion" > <div role="tab" id="headingOne"> <a role="button" data-toggle="...
Lagoda Denis's user avatar
4votes
2answers
5kviews

Trouble with active tab default using AngularJS, UI Boostrap, and UI Router

When using a UI Boostrap tabset along with nested sticky states created with ui-router and ui-router-extras, I have an issue where navigating to a tab's state via URL will select the first tab along ...
spongessuck's user avatar
4votes
2answers
4kviews

Creating Stateful Modals in AngularJS with angular UI route and UI modal

I am trying to make a statefull modal using angular ui route and and angular ui modal. lets say i want to fill a sign up form which consist of 4 pages. All of these pages are in a modal. I am able ...
Faheem Alam's user avatar

153050per page
close