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

app.controller('selectController', ['$scope', '$window', function ($scope, $window) {

​

$scope.categories = [       

   { id: 1, name: "- Vehicles -", disabled: true },

   { id: 2, name: "Cars" },

   { id: 3, name: "Commercial vehicles", disabled: false },

   { id: 4, name: "Motorcycles", disabled: false },

   { id: 5, name: "Car & Motorcycle Equipment", disabled: false },

   { id: 6, name: "Boats", disabled: false },

   { id: 7, name: "Other Vehicles", disabled: false },

   { id: 8, name: "- House and Children -", disabled: true },

   { id: 9, name: "Appliances", disabled: false },

   { id: 10, name: "Inside", disabled: false },

   { id: 11, name: "Games and Clothing", disabled: false },

   { id: 12, name: "Garden", disabled: false }

];

​

$scope.onCategoryChange = function () {

​

    $window.alert("Selected Value: " + $scope.itemSelected.id + "\nSelected Text: " + $scope.itemSelected.name);

​

};

}]);