JSFiddle - React, Tailwind, and code Playground

by toddhd

HTML

<div ng-app="HelloWorldApp">
  <div ng-controller="HelloWorldController">
    <input type="text" ng-model="search" />
    <div ng-repeat="i in items | filter: search">
      {{ i.name }}
    </div>
  </div>
</div>

JavaScript

angular.module('HelloWorldApp', [])
  .controller('HelloWorldController', function($scope) {

    function item(name, value) {
      this.name = name;
      this.value = value;
    }

    $scope.items = [];
    $scope.items.push(new item('Todd', 1));
    $scope.items.push(new item('Melissa', 2));
    $scope.items.push(new item('Matt', 3));
    $scope.items.push(new item('Marvin', 4));
    $scope.items.push(new item('Melba', 5));
    $scope.items.push(new item('Tony', 6));
    $scope.items.push(new item('List Item 1', 7));
    $scope.items.push(new item('List Item 2', 8));
    $scope.items.push(new item('List Item 3', 9));
    $scope.items.push(new item('List Item 4', 10));
    $scope.items.push(new item('List Item 5', 10));
    $scope.items.push(new item('List Item 6', 12));

  });