AngularJS debugging in template

Question

In my AngularJS Controller I got

        var test = {
            "type": "pie",
            "theme": "light",
            "data": dataWantedArea,
            "valueField": "value",
            "titleField": "name",
            "balloon": {
                "fixedPosition": true
            },
            "autoMargins": false,
            "marginLeft": 5,
            "marginRight": 5,
            "marginBottom": 5,
            "marginTop": 5,
            "pullOutRadius": 0,
            colors: ["#36CB1F", "#F58426", "#F53E26"],
            "export": {
                "enabled": true
            }
        };

in my template I do

<am-chart ng-if="test.data.length" id="test" options="test" width="90vw" height="325px"></am-chart>

Problem: its never shown, obviously test.data.length is ALWAYS false - so I would like to print some debugging in my template, is that possible somehow? Of course If you know a direct solution to my problem, feel free to answer.

Divyesh Savaliya · Accepted Answer · 2016-07-29 10:08:42Z

4

If you want to use data or variable from controller to html, you have to use $scope.

Use $scope.test intead of var test

answered Jul 29, 2016 at 10:08

Divyesh Savaliya

2,7403 gold badges20 silver badges38 bronze badges

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

Comments

René Höhle · Accepted Answer · 2016-08-25 08:38:10Z

3

To debug your code there is a cool browser plugin available.

http://ng-inspector.org/

There you can see a tree and all your values. It's very helpful to debug your code. You can see your scope and you can find and see problems.

answered Aug 25, 2016 at 8:38

René Höhle

27.4k22 gold badges78 silver badges91 bronze badges

Collectives™ on Stack Overflow

AngularJS debugging in template

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related