JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/prajwalkman/angular-slider/master/angular-slider.js"></script>
<link rel="stylesheet" href="https://rawgit.com/prajwalkman/angular-slider/master/angular-slider.css">
<body ng-controller='TestCtrl'>
    <slider floor="0" ceiling="100" ng-model-low="low_marks" ng-model-high="high_marks"></slider>
    low_marks: <strong>{{low_marks}}</strong>
    &nbsp;
    high_marks: <strong>{{high_marks}}</strong>

    <hr>
     <input type="radio" name="value" ng-model="value1" value='50' >  First Val: >=50<br><br>
 <input type="radio" name="value" ng-model="value2" value='100' >  Second Val: >=100<br><br>
     <table border="1">
      <thead>
        <th>Name</th>
        <th>Low Marks</th>
        <th>High Marks</th>
        <th>Value 1</th>
        <th>Value 2</th>
      </thead>
      <tbody>
        <tr ng-repeat='item in items|filter:priceRange|filter:valueRange'>
          <td>{{item.name}}</td>
          <td>{{item['minmarks']}}</td>
          <td>{{item['maxmarks']}}</td>
          <td>{{item.value1}}</td>
          <td>{{item.value2}}</td>
        </tr>
        
      </tbody>
    </table>

  </body>

JavaScript

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

app.controller('TestCtrl', function ($scope){
  $scope.items = [{name: "name1", "minmarks": "35",
                  "maxmarks": "100", "value1": "50", "value2": "100"},
                  {name: "name2", "minmarks": "50",
                  "maxmarks": "80", "value1": "100", "value2": "150"},
                  {name: "name3", "minmarks": "70",
                  "maxmarks": "90", "value1": "25", "value2": "50"}];
                  
  $scope.low_marks = 0;
  $scope.high_marks = 100;
  
  $scope.value1 = 0;
  $scope.value2 = 0;
  
  
  $scope.priceRange = function(item) {
    return (parseInt(item.minmarks) >= $scope.low_marks && parseInt(item.maxmarks) <= $scope.high_marks);
  };
  
   $scope.valueRange = function(item) {
    if($scope.value1 = 50)
    {
    return (parseInt(item.value1) <= $scope.value1);
    }
    else if($scope.value2 > 0)
    {
    return (parseInt(item.value2) >= $scope.value2);
    }
    else
    {
      return item;
    }
  };
  
});