Javascript AngularJS在模板中的调试

Javascript AngularJS在模板中的调试,javascript,angularjs,Javascript,Angularjs,在我的AngularJS控制器中 var test = { "type": "pie", "theme": "light", "data": dataWantedArea, "valueField": "value", "titleField": "name", "balloon": { "fixedPos

在我的AngularJS控制器中

        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
            }
        };
在我的模板中,我是这样做的

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

问题:它从未显示,很明显test.data.length总是错误的-所以我想在我的模板中打印一些调试,这可能吗? 当然,如果你知道我的问题的直接解决方法,请随意回答


如果要使用从控制器到html的数据或变量,必须使用。


使用
$scope.test
intead of
var test

如果要使用从控制器到html的数据或变量,必须使用。


使用
$scope.test
intead of
var test

调试您的代码有一个很酷的浏览器插件可用


在那里你可以看到一棵树和你所有的值。调试代码非常有帮助。你可以看到你的范围,你可以发现并看到问题

要调试代码,有一个很酷的浏览器插件可用

在那里你可以看到一棵树和你所有的值。调试代码非常有帮助。你可以看到你的范围,你可以发现并看到问题