Questions tagged [nested-views]

Views called by another view. Used also in database optimization in the form of a database view such as with SQL. Also used for UI state and router management, such as with AngularJS, and for Android and iOS UI development.

Views called by another view. Used also in database optimization in the form of a database view such as with SQL. Also used for UI state and router management, such as with AngularJS, and for Android and iOS UI development.

59 questions
12
votes
2 answers

Angular ui-router: nested views vs multiple views

ui-router is a great alternative to angular's standard router; it supports nested states and views and multiple views. I am a little confused, though, by the difference between the two. It seems to me that multiple views can almost always be thinked…
LeartS
  • 2,866
  • 2
  • 25
  • 45
12
votes
1 answer

Fading hero views' children in shared element transition

I'm curious how android handles the children of hero views in the shared element transition one can see in Google Keep: In the standard shared elements transition, on the enter animation, the hero views in the calling activity are instantaneously…
William
  • 121
  • 5
11
votes
1 answer

Angular UI-Router : URL changed but view isn't loaded

I'm working on my UI-Router app with nested views. I defined some states like this: $stateProvider .state('parent', { url: "/parent", views: { 'area1': {templateUrl : 'parentView.html'}, 'area2' : ... // some…
Arhyaa
  • 369
  • 1
  • 3
  • 21
6
votes
3 answers

AngularJS UI router's "resolve" fires twice

I am using angular ui router to handle some routing on my frontend. This is what my routing code looks like. // angular config $stateProvider.state('app', { templateUrl: '/static/partials/home.html', controller:…
Zack
  • 13,454
  • 24
  • 75
  • 113
6
votes
2 answers

Ionic $state.go not working on device

I'm currently working on an app, build using Ionic. My problem is that $state.go is only working in the browser but not on the phone. This seem to be a common problem, but after reading a lot of answers to the same questions, I still can't figure…
kandersen
  • 99
  • 1
  • 7
4
votes
1 answer

ui-router nested views access to multiple controller

with ui-router, any child and grandchild of a state has access to their parent and grandparents controller correct? So for example a .state(resources.resource.rates) the .rate state controller has access to the $scope.objects in resource and…
Garuuk
  • 2,153
  • 6
  • 30
  • 59
3
votes
2 answers

Parent controller instantiated each time a child view is called

I am using ui-router and I have a configuration in which I am using a parent view which has a controller and child view which also have their own controllers. Each time I navigate to one of the child views, the parent controller is instantiated…
3
votes
1 answer

navigate to nested named view with ui-router

In app I have named view mainContent.
I have only one route for this view. $stateProvider .state("home", { url: "/home", views: { …
3
votes
1 answer

Ui router nested views: how to validate a shared form?

Available plunker here I'm using angular ui-router nested views to implement a multi-step form (a kind of wizard) and I having troubles trying to validate the form. The form is shared in all nested views, but it seems to be that the validation…
troig
  • 7,072
  • 4
  • 37
  • 63
3
votes
2 answers

ui-router: intermediate templates

Final Edit: working plunker with the transcluded directive. Edit: I made a first plunker with the solution given in the first answer. It works, but it's not the desired behaviour, because the template contains all the partial. I made a second…
3
votes
0 answers

Triggering Enter and Leave animations on Angular UI Router child views

I'm trying to create an abstract parent state using angular ui router that produces a modal mask with an animation then in the child states that inherit the modal mask to have a separate animation. The parent state will execute an enter and leave…
morrisseyd
  • 176
  • 1
  • 2
  • 9
3
votes
1 answer

Nested views with nested states in AngularJS

I'm trying to make nested states, but something is wrong and I can't figure out why. I have these states in my angular app: /client (list clients) /client/:id (show client) /client/new (new client) And now, I'm trying to do: /client/:id/task (list…
Italo Borges
  • 2,355
  • 5
  • 34
  • 45
3
votes
1 answer

ui-router populating templateurl and controllers nested abstract states with nested views

I have been experimenting with ui-router and I ran into a bit of a quirk. I am unable to populate a view underneath an abstract state. It appears that while the state is active, the view is not found Here is an example : the state provider :…
snotbubblelou
  • 197
  • 3
  • 12
2
votes
1 answer

How to display the output of function in a controller to nested view in angularjs

I have a parent view index.html