JSFiddle - React, Tailwind, and code Playground

by Chris Bao

HTML

<div ng-app="app">
<div ng-controller="filterCtrl as f">
  <input type="text" ng-model="f.inputdata"></input>
  <span ng-click="f.setFilter('lowercase')">First Filter</span>
  <span  ng-click="f.setFilter('uppercase')">Second Filter</span>
  <div ng-bind="f.inputdata | f.filtername"></div>
</div>
</div>

CSS

</style>
<script src="//code.angularjs.org/1.4.8/angular.min.js"></script>
<style>

JavaScript

function filterCtrl() {
this.setFilter = function ( name ){
	this.filtername = name;
}.bind(this);
}


angular
	.module('app', [])
  .controller('filterCtrl', filterCtrl)