JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp">
  <ul ng-controller="test">
    <li ng-repeat="item in data.checkList">                
       <i ng-class="faClass(item.status)">&nbsp;</i>&nbsp;<span>{{item.Name}}</span>
    </li>
  </ul>
</div>

JavaScript

var app = angular.module('myApp', []);
app.controller('test', function($scope){
	$scope.data = {};
  $scope.data.checkList = [
     {'status':'COMPLETED', 'name':'Task 1'},
     {'status':'NOT STARTED', 'name':'Task 2'}
  ];

  $scope.faClass = function(status){
     console.log(status);
  };
});