JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app ng-controller="Main">
  
    <li ng-repeat="part in parts">
        <span>{{part.name}}
            <i ng-class="{'fa-check':showFaCheck(part.name), 'fa-question': !showFaCheck(part.name) }" title="{{getTooltip(part.name)}}"/>
        </span>
    </li>

    
</div>

JavaScript

function Main($scope){
   
    $scope.parts = [{ name: 'name1'}, { name : 'name2'}];
    $scope.getTooltip = function(name)
    {
        return name;        
    };

    $scope.showFaCheck = function(name)
    {
        return name == 'name1';        
    };
    
}