Tagged Questions
0
votes
2answers
4 views
angular-ui router — inherited resolved dependencies for NAMED dependencies
Per the example in the documentation, child states will inherit resolved dependencies from parent states. Furthermore, you can have promises for parent dependencies be resolved before children are ...
0
votes
1answer
31 views
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
...
1
vote
1answer
22 views
Doubly-nested views in UI Router
Playing around with angular-ui and specifically using the ui-router module to do some nested views. I'm having trouble getting a partial to render within a partial:
The nesting is as follows:
...
1
vote
1answer
37 views
Angular ui-router get asynchronous data with resolve and promise/deferred
I've having a problem to get the resolve mechanism working in my application.
I separated the webservice call into an extra module and using deferred/promise to have callbacks.
Before showing the ...
0
votes
1answer
21 views
angular ui-router: how do I reload a state when a path parameter changes but not reload when a query parameter changes?
For example, I want this change in navigation to reload the state:
#/detail/1
#/detail/2
But I do not want this navigation to reload the state:
#/detail/1?search=blah
#/detail/1?search=huzzah
...
1
vote
1answer
220 views
Angular UI, Bootstrap Navbar Collapse and Javascript
I have trouble with UI-Router in many ways. I don't understand how it interacts with other frameworks.
Namely, I am trying to implement Bootstrap 3's navbar collapse module, seen below:
<div ...
0
votes
2answers
38 views
ui.router changing state, but ui-view doesn't display anything?
Though the states are changing successfully, I can't get the ui-view to update:
HTML
<a ui-sref="promo.foo">Foo state</a>
<a ui-sref="promo.bar">Bar state</a>
<div ...
0
votes
2answers
38 views
Angular UI Router replace view on runtime
I'm trying to change a parent view template on runtime - inside a service.
My app config looks like:
$stateProvider
.state('base', {
abstract: true,
views: {
'header': {
...
3
votes
2answers
636 views
How to make angular ui-router's parent state always execute controller code when state changes?
Let's say we have a parent-child relationship defined in our $stateProvider as follows:
.state('myProfile', {
url: "/my/profile",
templateUrl: 'my/profile.html',
...
2
votes
1answer
39 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 ...
1
vote
2answers
27 views
Hide Parent's sbling ui-view quadrant when in a child state
When I go to a child state, I want to hide a ui-view component of a quadrant ui-view in root state. How can achieve this.
##index.html
<div ui-view="a">
</div>
<div ui-view="b">
...
2
votes
1answer
58 views
Angularjs ui-router blocking access to non-state routes
I am using ui-router in an angular site I'm making, but cant get it to allow routes through to my server. I have facebook oauth authentication on my server, where I navigate to /auth/facebookand the ...
0
votes
0answers
26 views
Change the location address without causing state loading
I am using AngularJS 1.2+ and Angular UI Router.
I am trying to change the location address without causing a reload. I tried the following but it didn't work:
function setPath(stateName, ...
4
votes
4answers
4k views
Angular UI Router - Views in an Inherited State
edit: Based on the answer by @actor2019 I want to update my question to better explain the problem:
Using Angular UI-Router(v0.0.2), I've setup the app to properly navigate between main ...
0
votes
1answer
71 views
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 ...
1
vote
1answer
49 views
How to retry route request on $stateNotFound event in AngularUI Router
I have a large AngularJS application which is split into different functional modules. It is currently bundled into single JavaScript file and thus all the modules are loaded on initial page load. I ...
0
votes
1answer
46 views
AngularJS ui-bootstrap open modal window without changing the url
I am using the ui-bootstrap module in my AngularJS project. Before I open the modal the url looks like this : localhost:58890/#/Project/46. The code that opens it is here :
...
1
vote
3answers
186 views
UI Router not working with Angular not matter what
(angularJS 1.2.5 & ui-router 0.2.7)
Please help its 4 in the morning and its been 2-3hrs since i'm stuck with this, flipped the code multiple times but cudn't make it run.
In my index.html, I have ...
1
vote
1answer
38 views
Get the “absolute” URL of a state in Angular-UI?
I am using Angular and Angular-UI ui-router. I have some states defined:
app.config(function ($stateProvider, $urlRouterProvider) {
$stateProvider
.state('tabs', {
url: "/tab",
...
1
vote
1answer
36 views
angular ui-router multiple nested and controller data
What I'm trying to build:
A page with two nav bars, one for color, one for letter. Clicking the color button will change one view to represent that color. Clicking the letter will make a different ...
0
votes
0answers
33 views
isn't the absolute naming in angular-ui-router optional?
I have 3 templates like so
1.
<div ui-view="header"></div>
<div ui-view="body"></div>
2.
<p>hello from header</p>
3.
<p>hello from body</p>
...
1
vote
1answer
66 views
angular ui routes state duplication due to multiple urls
I am using angularjs with angular ui routes and I have a problem with multiple urls for route.
I have a state called "bookDetails". Book have unique id and unique name and therefore can be accessed ...
1
vote
0answers
27 views
Angular UI-Router not displaying template
I have come across a very weird bug. My UI-Router is set up as follows with the ui-view element in the home template.
.state('main.home.one', {
url: '/',
templateUrl: 'partials/home/one',
...
0
votes
0answers
42 views
Only change one view with ui-router and AngularJS
Say you have a website that has 3 different routes, /news, /about, and /signup.
News and about are their own "pages", while signup is just an overlay that can be toggled on either /news or /about.
...
0
votes
0answers
40 views
Check privilegies in nested states
I've got problem, I do use angular ui-router for routing to check if user is logged in I have something like this:
$stateProvider.state('settings', {
abstract : true,
url : '/settings',
...
2
votes
2answers
52 views
Is there a way to get access to parent scope from an Angular UI nested named view?
I have several screens in my application that contain nested views. I have found it easier to make modal dialog boxes and panels that slide in and out to be actual nested states with actual urls ...
0
votes
3answers
248 views
Angular UI-Router update parent
here is a sample setup for my app
.state('base', {
controller: 'resourceCtrl'
view: 'resource.html'
}
.state('base.edit', {
controller: 'resourceEditCtrl'
view: ...
0
votes
1answer
83 views
How to implement path aliases in ui-router
I'm trying to find a way to implement route aliases in Angular.js using ui-router. Let's say I have a state with the url article/:articleId and I want to have /articles/some-article-title redirected ...
1
vote
2answers
109 views
Angular UI Router - How to preserve views while switching views
I am I new to Angular and UI Router.
Plunk http://plnkr.co/edit/1wfyrGryfGG5RtXozPFY?p=preview
Setup I have three top level application nav buttons Home, Projects, Help. They load different views ...
1
vote
2answers
72 views
How can I load optional parameter dependent content into a single angular state?
I'm building a front-end that loads a list of content. Think reddit or stackoverflow. Like those sites I want to load different content based on different parameters. For example if a users clicks a ...
0
votes
0answers
63 views
Modifying views of a parent from child state in Angular ui-router
I have few common views (like breadcrumbs, notifications, sidebar etc) defined in an abstract state and few other child states inheriting them. I want to modify a view in the parent (ie: adding a new ...
1
vote
1answer
39 views
Angular ng-repeat error
So my HTML is:
<div class="checkbox" ng-repeat="test in tests">
<a ui-sref="test{{id: test._id}}"><pre>{{test._id}}</pre></a>
</div>
My router config in ...
0
votes
1answer
31 views
Filter in ui-sref
I am trying to apply a filter on a parameter in my ui-sref reference.
<a ui-sref="item.show({ itemId: item.id, itemName: item.name | slugify })">
However, the above is not working. How to I ...
0
votes
1answer
121 views
Angular Route No Errors but Not Woking
It's just simple but I don't know what's wrong. I have the following example, making a simple web template with angular ui-router and angular 1.2.16.
<script type='text/javascript' ...
0
votes
0answers
104 views
Ui router - nested view with modal box
I am trying to show a modal box based on the url using Angular ui.
I have three states - home, setting, and modal based on the setting state.
$stateProvider
.state('home',{
url:'/',
...
5
votes
4answers
2k views
UI Router conditional ui views?
I can't figure out a reasonable way, which doesn't feel like a hack, to solve this rather trivial problem.
I want a guest to see a splash page when they access the index of the website and a logged ...
0
votes
1answer
130 views
Angular UI Router resolve throwing provider error
I seem to be having an issue with Angular UI router and trying to add a resolve to a state. The weird thing is, that I have it in another place and it works fine.
I'm separating my code out into ...
1
vote
2answers
151 views
Angularjs nested routing and loading multiple pages within a view
I'm setting up an angularjs app that has multiple vertical columns that display on the same page and based on what item is clicked a new or different column will expand.
Here's my jsbin example.
...
0
votes
1answer
38 views
Angular ui-router setup for this use case?
I want to redraw a line in a line chart without reloading it (neither template nor controller) completely when navigating from country/5 to country/7. Can this be done with ui-router?
State
...
3
votes
4answers
2k 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, ...
2
votes
1answer
99 views
Conditional ui-view
I have a ui-view defined in my root template <div ui-view=""></div>. Is that possible to automatically hide that view if it's content is empty?
I was searching for similar thread for some ...
1
vote
1answer
31 views
Nested views without nested states
Following this tutorial: https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views, i'm able to create an application with multiple views defined in a root template. I need to modify that ...
5
votes
1answer
236 views
Angular UI Router animation on parent view
I have a nested state like:
.state('contacts', {
url: '/contacts',
views: {
'': {
templateURL: 'views/contacts.html',
contacts: 'ContactsCtrl'
}
}
...
3
votes
1answer
425 views
angular ui-router: get state name in resolve
I would like to access the state's name and other attributes the app is navigating to using angular ui-router when working on the resolve.
The reason: I want load some user data (including their ...
0
votes
1answer
131 views
$stateProvider redirect instead of transition
I'm having a hard time configuring $stateProvider to just redirect (like $routeProvider does) instead of transitioning to a given url.
I've got some root url's where I don't want the transition to ...
1
vote
3answers
723 views
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 ...
1
vote
0answers
68 views
angularUI select dropdown displays data only after entering a character
I am using AngularJS v1.2.15 and angular-ui / ui-select. My select HTML is:
<div class="form-group col-md-3">
<div class="input-group select2-bootstrap-append">
<ui-select ...
1
vote
1answer
691 views
AngularJS nested views
Hi there I don't know how to show for example navbar and real content from route.
My stateProvider looks like this:
.state('panel', {
abstract: true,
views: {
// the ...
5
votes
3answers
7k views
Angular ui-router get asynchronous data with resolve
I want to display a form with data corresponding to the edited item. I use ui-router for routing. I defined a state:
myapp.config(function($stateProvider) {
$stateProvider.
...
1
vote
2answers
401 views
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 ...
