angularjs - Share $Scope data between States -


i trying access parent state child. tried doesn't work.

angular.module('myapp').controller('comparectrl', ['$scope',     function($scope) {  $scope.test=$scope.$parent.services; 

app.coffee

angular   .module('myapp', ['nganimate', 'ngcookies', 'ngresource'                   , 'ui.router', 'ngsanitize', 'ngtouch'])   .config ($stateprovider) ->     $stateprovider.state('home',       url: "/"       templateurl: "home.html"     ).state('services',       url: "/services"       templateurl: "services/list.html"     ).state('services.detail',       url: "/detail/"       templateurl: "detail.html"     ).state('services.compare',       url: "/compare/"       templateurl: "compare.html"     ) 

ui-router supports data (model) sharing among state families. detailed explanation found here

how share $scope data between states in angularjs ui-router?

where can see, need introduce model, cluster, reference object.

// controller of parent state 'services' .controller('servicesctrl', ['$scope',     function($scope) {         $scope.model = { prop1 : value1, ...}; }]) 

because each child state prototypically inherit reference $scope.model... can access in child state controller

.controller('servicechildctrl', ['$scope',     function($scope) {         $scope.model.prop1 = differentvalue; }]) 

check in action in this working plunker


Comments

Popular posts from this blog

PHP DOM loadHTML() method unusual warning -

python - How to create jsonb index using GIN on SQLAlchemy? -

c# - TransactionScope not rolling back although no complete() is called -