JSFiddle - React, Tailwind, and code Playground

by chrisguzman

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<script src="https://cdn.firebase.com/js/client/1.0.17/firebase.js"></script>
<script src="https://cdn.firebase.com/libs/angularfire/0.7.1/angularfire.min.js"></script>
<div ng-app="MyApp" ng-controller="MyCtrl">
    <input ng-model="query"></input>
    <div ng-repeat="item in data | filter: query">
         <h2>{{item.name}}</h2>
    </div>
</div>

JavaScript

angular.module('MyApp',[])
    .controller('MyCtrl',

function MyCtrl($scope) {
    $scope.data = [
      {name: "Alice", age: 28},
      {name: "Bob", age: 55}];
});