JSFiddle - React, Tailwind, and code Playground

by rapsac

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.js"></script>
<div ng-controller="MyCtrl">
    <div ng-repeat="item in data | excludeIds:filterByStrings ">
        <p>{{item.id}}</p>
    </div>
</div>

JavaScript

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

myApp.filter('excludeIds', function(){
    
    return function(items, excludeItems){
        
        return (excludeItems.indexOf(item.id) === -1);
    };
});

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

    $scope.itemsToFilter = ["b456", "foo"];


    $scope.data = [{
        "id": "a123"
    }, {
        "id": "b456"
    }, {
        "id": "b454"
    }, {
        "id": "cf56"
    }];

    $scope.filterByStrings = function (item) {
        return ($scope.itemsToFilter.indexOf(item.id) === -1);
    };



});