AngularJS empty first element in dropdown list

http://stackoverflow.com/questions/14706986/angularjs-empty-first-element-in-dropdown-list

by Sajeetharan Sinnathurai

HTML

<div ng-controller="Ctrl">
    <select ng-model="search_for" class="form-control" id="search_for">
                    <option value="">-Search For-</option>
                    <option value="1">Option1</option>
                    <option value="2">Option2</option>
                    <option value="3">Option3</option>
                    <option value="4">Option4</option>
</select> 
<div>

CSS

p {
    margin-top: 10px;
}

JavaScript

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

function Ctrl($scope) {  
    $scope.list_categories = {
        data: [{
            id: 'id1',
            name: 'name1'
        }, {
            id: 'id2',
            name: 'name2'
        }]
    };       
    $scope.list_category = 'id2';
}