JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app="myApp">
<div ng-controller="parentCtrl">
    {{obj.cat}}
    <tabl type="button" ng-repeat="job in jobs" ng-click="filterJobListings(job.category)">
    {{ job.category }}
</button>
</div>    
</body>

JavaScript

angular.module('myApp', [])
.controller('parentCtrl', ['$scope', function($scope){
    $scope.obj={};
    $scope.jobs=[{category: 1},{category: 2},{category: 3},{category: 5}];
    $scope.filterJobListings = function(i){
        console.log('yo');
        $scope.obj.cat=i;
    }
}]);