JSFiddle - React, Tailwind, and code Playground

by Yilong Wang

HTML

<div ng-app="testApp" ng-controller="testCtrl">
  <div ng-repeat="detail in details">
    <span>{{detail.numbers.length}}</span> <!-- Output: 1, 2, 3 -->
    <!-- Won't work: <span>{{details[detail].numbers.length}}</span> -->
  </div>
</div>

JavaScript

angular.module("testApp", [])
    .controller("testCtrl", function ($scope) {
        $scope.details = [{"numbers": [1]}, {"numbers": [2, 2]}, {"numbers": [3, 3, 3]}];
        for (var detail in $scope.details) {
        	console.log($scope.details[detail].numbers.length); //Output: 1, 2, 3
          //Won't work: console.log(detail.numbers.length);
        }
    })