Accessing Angular scope variable from non-angular javascript function

Question

I have a list of values in $scope from a controller. Need to access those in a non-angular javascript function.

I have a route like:

.when("/display", {
            templateUrl: "html/display.html",
            controller: "DisplayController"
        })

In display.html, I have the following javascript function. I have number of them, in fact

<script>
  var g = new JustGage({
    id: "gauge",
    value: 67,
    min: 0,
    max: 100,
    title: "Visitors"
  });
</script>

In above function, value need to be passed from a list variable in $scope from angular DisplayController.

How do I do it? How do I specify the values which are in $scope.list?

I have seen other questions in similar lines.. Proposed solution are like doing something like

angular.element(myDomElement).scope()

I am using ng-view and not actually specifying any controller in any of the elements. In this case, is it ng-view element?

Any help is appreciated.

did you try var v=angular.element("#id").scope() , then i think you can use list as v.list inside your javascript function — shreyansh
– shreyansh, Commented Jun 7, 2015 at 6:11
#id.. Not clear which id to be considered. I am using ng-view and route binds html and controller. — Shiva Kodityala
– Shiva Kodityala, Commented Jun 7, 2015 at 16:26

Jeffrey A. Gochin · Accepted Answer · 2015-06-07 04:44:46Z

2

Why not just instantiate JustGage in your controller and add it to the scope?

answered Jun 7, 2015 at 4:44

Jeffrey A. Gochin

9646 silver badges18 bronze badges

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

6 Comments

Andy Gaskell Over a year ago

Or be even more Angularly and wrap it in a directive.

Jeffrey A. Gochin Over a year ago

Or what Andy said. You should always think directives or filters in most cases.

n00b Over a year ago

Good question, but it should have been a comment. It is not answering the asked question

Jeffrey A. Gochin Over a year ago

Sometimes, a question can be an answer. In this case a prompt I'll admit.

Shiva Kodityala Over a year ago

This gauge expects a div element of id ( for example in the sample code, id: "gauge") to exist already on html page. If I am having a list of gauges to be created dynamically on a page, how do I make sure that div elements with those ids already exist? First the div elements be created and then gauges.

|

Collectives™ on Stack Overflow

Accessing Angular scope variable from non-angular javascript function

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related