AngularJS отладки в шаблоне

Question

В моей 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 всегда ложно - поэтому я хотел бы напечатать некоторую отладку в моем шаблоне, возможно ли это как-то? Конечно, если вы знаете прямое решение моей проблемы, не стесняйтесь отвечать.

Answer 1

Для отладки кода есть крутой браузер плагин доступен.

http://ng-inspector.org/

Там вы можете увидеть дерево и все ваши ценности. Очень полезно отлаживать ваш код. Вы можете видеть свою область действия, и вы можете найти и увидеть проблемы.

Answer 2

Если вы хотите использовать данные или переменную от контроллера к html, вы должны использовать $scope.

Использование $scope.test Intead из var test