$scope.data not working in other views having the same controller in angular js

Question

app.js

I have created multiple views having the same controller named as vendorCtrl, as we know that $scope can be used withing a specific controller, my question is without the help of $rootscope how can i share data between multiple views named as basic, areas, identity

$stateProvider
        .state('dashboard.vendor.add',{
            views:{
                '@': {
                    templateUrl: 'templates/vendor/forms/basic.html',
                    controller : 'vendorCtrl'   
                }
            }
        })


        .state('dashboard.vendor.add.areas',{
            views:{
                '@': {
                    templateUrl: 'templates/vendor/forms/areas.html',
                    controller : 'vendorCtrl'   
                }
            }
        })



        .state('dashboard.vendor.add.identity',{
            views:{
                '@': {
                    templateUrl: 'templates/vendor/forms/identity.html',
                    controller : 'vendorCtrl'       
                }
            }

        })

md-5h04I3 · Accepted Answer · 2016-09-08 19:53:36Z

2

Issue regarding scope inheritance

app.js

$stateProvider
    .state('dashboard.vendor.add',{
        views:{
            '@': {
                templateUrl: 'templates/vendor/forms/basic.html',
                controller : 'vendorCtrl'   
            }
        }
    })


    .state('dashboard.vendor.add.areas',{
        views:{
            '@': {
                templateUrl: 'templates/vendor/forms/areas.html',
                controller : 'vendorCtrl'   
            }
        }
    })

controller

function vendorCtrl($scope) {
   $scope.data= 'hello world';
}

areas.html

<input type-"text" ng-modal="data"/> <label name="name">{{data}}</label>

basic.html

<label name="name">{{data}}</label>

In this situation value of $scope.data would be display in areas.html but failed to display value in basic.html despite having same controller. Because scope properties only inherit down the state chain if the views of our states are nested. Inheritance of scope properties has nothing to do with the nesting of our states and everything to do with the nesting of your views.

edited Sep 8, 2016 at 19:53

md-5h04I3

2122 silver badges12 bronze badges

answered Sep 7, 2016 at 7:26

ojus kulkarni

1,9073 gold badges27 silver badges42 bronze badges

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

9 Comments

md-5h04I3 Over a year ago

thats ok, we need to create a factory but my doubt is why being on the same controller $scope.xyz giving empty values for other views

ojus kulkarni Over a year ago

you can use $scope.xyz in different views in same controller

md-5h04I3 Over a year ago

yes, we can but the value in other views for $scope.xyz is showing empty unless and untill i used $rootScope

ojus kulkarni Over a year ago

may be there is wrong in some other part of code, or share your controller code so i ll lookout. Any ways, why you are using same controller for child view.? controller should be different for child view. it is a bad practice to write parent and child in one controller

md-5h04I3 Over a year ago

im using it cz more data to be exchange between my parent state to all other child views

|

Community · Accepted Answer · 2017-05-23 10:33:48Z

0

On the one hand, With ui-router you can use the params property.

On the other hand, you can use a simple (getter/setter ?) service that can hold your data.

edited May 23, 2017 at 10:33

CommunityBot

11 silver badge

answered Sep 7, 2016 at 7:22

Zakaria

15.1k22 gold badges86 silver badges126 bronze badges

Collectives™ on Stack Overflow

$scope.data not working in other views having the same controller in angular js

2 Answers 2

9 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related