Chapter 10: Avoiding ng-cloak with ng-bind

HTML

<script src="https://code.angularjs.org/1.3.2/angular.min.js"></script>
<div ng-app="myApp">
    <div ng-controller="Ctrl">
        <pre>{{ team | json }}</pre>
        <pre>{{ player | json }}</pre>
       
    </div>
</div>

JavaScript

angular.module('myApp', [])
.controller('Ctrl', function($scope,$parse) {
  
    var fromHttp = [
       
          { 
          	name:'prt1', data:[1,2,3,4,5,6,7,8,9],labels:['A','B','C']
          },
          { 
          	name:'prt2', data:[11,12,13,14,15,16,17,18,19],labels:['X','Y','Z']
          },
       
    ],
   template ='[{"name":name,"data":data,"labels":labels},{}]';
   
   var result = $parse(template)(fromHttp);
   console.log(result);
    angular.extend($scope,result);
    
    
});