AnuglarJS forEach 예제

mirinae.maru

■ json타입의 배열데이터 $scope.yearList를 만들고 forEach 테스트 시작 버튼을 클릭하면 $scope.startForEach()함수를 실행하면서 angularjs.forEach가 실행된다.
 
 
 

■ forEach 예제 소스

<!DOCTYPE html>
<html ng-app="myApp">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8">
<head>
<title></title>
<script src="/js/angularjs/1.5.6/angular.js"></script>
<script src='/js/jquery/jquery-1.11.0.min.js'></script>
<script>
var myApp = angular.module("myApp",[]);
myApp.controller("myAppCtrl", function($scope,$timeout){
       
  $scope.yearList = [
    {id:"2011",val:"2011년"},
    {id:"2012",val:"2012년"},
    {id:"2013",val:"2013년"},
    {id:"2014",val:"2014년"},
    {id:"2015",val:"2015년"}
  ];
       
  $scope.startForEach = function() {
    $("#log").append("forEach 테스트 시작<br/>");
    angular.forEach($scope.yearList,function(value,key) {
      $("#log").append("key : " + key + ",\t id : " + value.id + ",\t  val : " + value.val +"<br/>");
    });  
  };       
});
</script>
</head>
<body ng-controller="myAppCtrl">
  <h1>
    AngularJS forEach 예제<br/>
    <font color="red"></font>
  </h1>
  <button ng-click="startForEach()">forEach 테스트 시작</button>
  <hr/>
  <div id="log"></div>
</body>
</html>

 
 
 

■ 실행결과
forEach 테스트 시작 버튼을 클릭하면 예제가 실행된다.