본문 바로가기
프로그램개발/ClientSide(JavaScript,Angular,Vue)

angular.js 간단히 디버깅 하려면

by 크레도스 2014. 3. 18.

<pre>{{디버그 하고 싶은 변수|json}}</pre> 으로 JSON 형식으로 출력할 수 있습니다. 

 

코드예제

<html ng-app>
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
 <script>
var loopCtrl = function($scope) {
 $scope.week = [
  {"kr":"월요일","en":"Monday"},
  {"kr":"화요일","en":"Tuesday"},
  {"kr":"수요일","en":"Wednesday"},
  {"kr":"목요일","en":"Thursday"},
  {"kr":"금요일","en":"Friday"},
  {"kr":"토요일","en":"Saturday"},
  {"kr":"일요일","en":"Sunday"}
 ];
}
 </script>

 <div ng-controller="loopCtrl">
  <p>{{week.length}} days</p>
   <ul>
    <li ng-repeat="day in week">{{day.kr}} {{day.en}}</li>
   </ul>
   <pre>{{week|json}}</pre>
 </div>
</html>