JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app" ng-controller="MyCtrl" ng-hide="checkItems()">INSIDE THE DIV
    <li ng-repeat="item in items" ng-hide="item.hide == true">{{ item.name }}
        <button ng-click="item.hide=true">hide</button>
    </li>
</div>

JavaScript

var app = angular.module("app", []);
app.controller("MyCtrl", function ($scope) {
    $scope.items = [{
        name: '1'
    }, {
        name: '2'
    }, {
        name: '3'
    }, {
        name: '4'
    }];
    $scope.checkItems = function () {
        var total = $scope.items.length;
        for (var i = 0; i < $scope.items.length; ++i) {
            if ($scope.items[i].hide) total--;
        }
        return total === 0;
    };
});