Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="https://code.angularjs.org/1.5.2/angular.js"></script>
<div ng-controller="MyCtrl">
{{arr}}
  <div ng-repeat="product in colors.item">
    <div ng-if="product.boo==true">
      <select ng-model="selectedItems.val" ng-init="selectedItems.val = selectedItems.val + ''">
    <option ng-repeat="value in arr | limitTo:quantity">{{value}}</option>  
       </select>
    </div> 
  </div>
<div>
    <a href="#" ng-click="submit(selectedItems.val)">Submit</a>
</div>
</div>

JavaScript

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

myApp.controller('MyCtrl', function MyCtrl($scope) {

$scope.colors = {"category": "students",
"item":[
    {
    "product":{
    		"name":"abc",
    		 "age": "24"
    },
    "boo": true
    },
    {
     "product":{
    		"name":"def",
    		 "age": "44"
    }
    },
    {
     "product":{
    		"name":"ghi",
    		 "age": "22"
    }
    }
  ]};
 $scope.quan = false;
 $scope.arr = [];
 for(var a=1; a<=10; a++) { 
    $scope.arr.push(a); 
 }
 $scope.selectedItems = {val : $scope.arr[0]};
 $scope.quantity = 10;
 $scope.submit = function(av){
 alert(av);
 }
 
});