Scope inheritance fails with multiple-named views?

Question

It breaks when moving from (Plnkr):

.state('home', {url: '/home', template: '<pre>{{parentProp}}</pre>',
                controller: function ($scope) {$scope.parentProp = ['home'];}})

To (Plnkr):

.state('home', {url: '/home', views: {'': {template: '<pre>{{parentProp}}</pre>'}},
                controller: function ($scope) {$scope.parentProp = ['home'];}})`

Specifically I have a 'sidebar' state I want to add as a secondary state to 'home'.

merqlove · Accepted Answer · 2016-10-10 05:34:19Z

1

The view needs its own controller:

.state('home', {url: '/home',
                views: {'': {template: '<pre>{{parentProp}}</pre>',
                             controller: function ($scope) {
                                             $scope.parentProp = ['home'];
                                         }
                             }
                        },
                })`

http://plnkr.co/edit/giW3XRspEV7SEPM1UDeC?p=preview

edited Oct 10, 2016 at 5:34

merqlove

3,7841 gold badge25 silver badges22 bronze badges

answered Jun 17, 2014 at 14:20

A T

14k23 gold badges107 silver badges172 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Scope inheritance fails with multiple-named views?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related