JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app" ng-controller="ctrl">
  <ul ng-show="filteredItems.length">
    <li ng-repeat="item in items | filter:someScopeValue as filteredItems">{{item.value}}</li>
    <li>Extra</li>
  </ul>
  <div>
    Here is $scope.filteredItems -> {{filteredItems}}
  </div>
</div>

JavaScript

angular.module('app', []).
controller('ctrl', function($scope) {
  $scope.someScopeValue = function(item) {
    return item.someScopeValue;
  }

  $scope.items = [{
    value: 1,
    someScopeValue: false
  }, {
    value: 2,
    someScopeValue: false
  }, {
    value: 3,
    someScopeValue: false
  }, {
    value: 4,
    someScopeValue: false
  }]
});