How to pass of angular $scope variable to JavaScript normal variable

Question

Here is my Angular $scope.variable.

$scope.users = {
                id : '',
                fullName : '',
                email : '',
                profile_picture_url : ''
            }

            $scope.comments = {
                commentId : '',
                created_by_current_user : '',
                created_by_admin : '',
                user_has_upvote : '',
                creator : '',
                fullName : '',
                content : '',
                created : '',
                modified : '',
                upvote_count : '',
                profile_picture_url : '',
                pings : '',
                parent : '',
                uniqueId : '',
                postId : ''

            }

Im just getting the array of objects from the HTTP service and storing as angular variable. Here is my angular controller

$scope.getByPost = function(postId) {
                console.log('getpost')
                $scope.user = $cookieStore.get('currentApp');
                console.log($scope.user.uniqueId);
                $scope.getUsers();
                appService.getUserByPost($scope.user.uniqueId, postId)
                        .then(function(data) {
                            console.log("Comments" + data)
                            $scope.comments = data;
                        });
            };

            $scope.getUsers = function() {
                console.log('getpost')
                appService.fetchAllUsers().then(function(data) {
                    console.log("Users" + data)
                    $scope.users = data;
                }, function(error) {
                    console.log('Error ' + error)
                })
            };

Now I need to pass these variables to another normal JavaScript file for the DOM Operation. I did like this.

 var dom_el = document.querySelector('[ng-controller="appController"]');
       var ng_el = angular.element(dom_el);
       var ng_el_scope = ng_el.scope();
       var commentsArray = ng_el_scope.comments;
       var usersArray = ng_el_scope.users;

Not working. please tell me to solve this.

It depends on whether the dom has been created or not before you query it. in your case, it seems it is not — ABOS
– ABOS, Commented Apr 11, 2017 at 11:08
In Angular, if you would like to share the variable across the application, then better to keep it in Angular service or factory and use it where needed — CrazyMac
– CrazyMac, Commented Apr 11, 2017 at 11:09
have you tried this solution in stack stackoverflow.com/questions/17960622/… — Korbin
– Korbin, Commented Apr 11, 2017 at 11:11
@k185 Yes this is what i tried but it doesn't working. getting undefined value. — user6789906
– user6789906, Commented Apr 11, 2017 at 11:27
what are you trying to accomplish with this DOM operation? why is it something that angular can't manage through it's normal bindings? — Claies
– Claies, Commented Apr 11, 2017 at 11:30

Santosh · Accepted Answer · 2017-04-11 11:29:32Z

1

savethe value in your current controller to $rootscope like this $rootscope.users = data; use $rootscope.requiredValue=$rootscope.users; in other angular js page .

answered Apr 11, 2017 at 11:29

Santosh

2971 gold badge4 silver badges15 bronze badges

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

Comments

Yoan · Accepted Answer · 2017-04-11 11:17:57Z

0

Try to use window.onload, like:

window.onload=function(){
       var dom_el = document.querySelector('[ng-controller="appController"]');
       var ng_el = angular.element(dom_el);
       var ng_el_scope = ng_el.scope();
       var commentsArray = ng_el_scope.comments;
       var usersArray = ng_el_scope.users;
}

Or you can try to with setInterval because maybe your js code is running before angular finalize completely

answered Apr 11, 2017 at 11:17

Yoan

2,2171 gold badge14 silver badges21 bronze badges

Comments

Swamy Apkolla · Accepted Answer · 2017-04-11 11:38:30Z

0

Try using like this:

Declare the JavaScript function as below

window.sample = function(comments)
{
 // do something
}

call this function in success callback

window.sample(data)

answered Apr 11, 2017 at 11:38

Swamy Apkolla

11 bronze badge

Collectives™ on Stack Overflow

How to pass of angular $scope variable to JavaScript normal variable

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related