Angular: Empty Fiddle

http://angularjs.org/

by Michiel van Roon

HTML

<script src="http://code.angularjs.org/1.0.8/angular.min.js"></script>
<div ng-controller="MyCtrl">
 <select ng-model="filter.categoryId">
        <option value="!!">-- All categories --</option>
        <option ng-repeat="category in categories" value="{{category.id}}">{{category.id}}</option>
    </select>
    <table>
        <thead>
            <tr>
                <th>Title</th>
                <th>Category</th>
            </tr>
        </thead>
        <tbody>
            <tr class="active" ng-repeat="record in records | filter:filter">
                <td>{{record.title}}</td>
                <td>{{record.categoryId}}</td>
            </tr>
        </tbody>
    </table>
</div>

CSS

thead th {
    font-weight: bold;
    height: 40px;
}

JavaScript

function MyCtrl($scope) {
    $scope.categories = [
		{id: 1},
		{id: 2},
		{id: 3}
	];

    $scope.filter = {categoryId: "!!"};

	$scope.records = [
		{title: "I'm in category #1!", categoryId: 1},
		{title: "Category 1 is for suckas. #2 ya'll!", categoryId: 2},
		{title: "Three is best", categoryId: 3}
	];
}