I've spent a good part of 8 or so hours trying to figure this out. I've
looked at SO many posts and tried a lot of things. I'm defeated, I need
your help!
So essentially I want to dynamically select which view to show based on
session var. This seems like it would be easy but apparently I'm not
Angularized enough yet to figure it out.
Basically I have an abstract state "nav.tab4" set up as a layout container
(which is a child of another abstract state named "nav"). In this state is
the layout where I define an element for the view and I want a function in
my controller to return the name of the view. So it looks like "<div
ui-view="getView()"></div>". So when I call the child state
"nav.tab4.report" the abstract state "nav.tab4" is invoked which includes
the view container of which the name property should be populated by the
function in my controller. When I go to the "nav.tab4.report" state it
doesn't load any view at all.
State routing code:
$stateProvider
.state("nav", {
abstract: true,
templateUrl: "src/shared/partials/navigation.html"
controller: "navController"
})
.state("nav.tab4", {
abstract: true,
templateUrl: "src/scholarlyActivity/partials/main.html",
controller: function($scope) {
$scope.getView = function() {
return "user"
}
}
})
.state("nav.tab4.report", {
views: {
"admin":{ templateUrl:
"src/scholarlyActivity/partials/admin-report.html"},
"user":{ templateUrl:
"src/scholarlyActivity/partials/individual-report.html"}
}
})
This seems like such an easy problem to fix but I haven't been able to get
anything to work Any help is appreciated. Thanks
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
