JSFiddle - React, Tailwind, and code Playground

by ilapawar

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.0/angular.js"></script>
<div data-ng-controller="ClientCtrl">



  <h3>Clients Table:</h3>

  <table class="table table-hover table-striped">
    <thead>
      <tr>
        <th style="width:10%">Amount</th>

      </tr>
    </thead>
    <tbody>
      <tr>

        <td><em>{{amount | companyFilter}}</em>

        </td>
      </tr>
    </tbody>
  </table>

</div>

JavaScript

'use strict';
var App = angular.module('clientApp', ['App.filters']);
App.controller('ClientCtrl', ['$scope', function($scope,companyFilter) {
alert("here");
  $scope.amount = "1000";
  alert($scope.amount);


}]);

angular.module('App.filters', []).filter('companyFilter', [function() {
alert("here");
  return function(amount) {
    console.log(amount);
  }

}]);