JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="Test"> 
 <div ng-controller="TestController">
 <div ng-repeat="str in myData" ng-init="isTrue=true">{{str.id}}. {{str.string}}
     <span ng-if="str.string.length < 1" style="color:red;""> string is empty</span>
 <br/> 
   </div>
 </div> 
 </div>

JavaScript

var app = angular.module('Test', []);

app.controller('TestController', ['$scope', function ($scope) {
  
    $scope.myData = [{
        "id": 1,
            "string": "A"
    }, {
        "id": 2,
            "string": "B"
    }, {
        "id": 3,
            "string": ""
    },{
        "id": 4,
            "string": ""
    },{
        "id": 1,
            "string": "A"
    }, {
        "id": 2,
            "string": "B"
    }, {
        "id": 3,
            "string": ""
    },{
        "id": 4,
            "string": ""
    }
                    ];



}]);