JSFiddle - React, Tailwind, and code Playground

by Sameer Shemna

HTML

<div ng-app>
    <div ng-controller="Ctrl">
        <div ng-repeat="item in items| filter:{itemId:selectedGroupToShow.Id||undefined}">
             {{item.itemId}}
        </div>
        <select ng-model="selectedGroupToShow.Id"      ng-options="g.Id as g.Name for g in myGroups">
    <option value>-- All --</option>
</select>
       {{selectedGroupToShow.Id}} 
    </div>
</div>

JavaScript

function Ctrl($scope) {
    $scope.items = [{
        "itemId": 1,
        "type": "plus"
    }, {
        "itemId": 2,
        "type": "bookmark"
    }, {
        "itemId": 3,
        "type": "bubble"
    }, {
        "itemId": 3,
        "type": "bubble"
    }, {
        "itemId": 2,
        "type": "bubble"
    }, {
        "itemId": 4,
        "type": "bubble"
    } ];
    
    $scope.myGroups = [{"Id":1,"Name":"test1"},{"Id":2,"Name":"test2"},{"Id":2,"Name":"test1"},{"Id":3,"Name":"test3"},{"Id":4,"Name":"test4"}];
}