JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp" ng-controller="myCtrl">
    <ol>
        <li ng-repeat="product in products">
            {{product.name}} 
            (
            <span style="font-weight:bold" ng-repeat="i in
               getRating(product.rating)">
                x
            </span>
            )
        </li>
    </ol>
</div>

JavaScript

var myApp = angular.module("myApp", []);
myApp.controller("myCtrl", function($scope){
    $scope.products = [
        {name : "product1", rating:3},
        {name : "product2", rating:5},
        {name : "product3", rating:1}
        ];
    $scope.getRating = function(rating){
        var ratingArray = [];
        for (var i = 1; i <= rating; i++) {
            ratingArray.push(i);
        }
        return ratingArray;
    };
});