JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app" ng-controller="MyCtrl" ng-hide="allHidden">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.allHidden = false;
    $scope.$watch('items', function (newItems) {
        var all = true;
        for (var i = 0; i < newItems.length; ++i) {
            if (newItems[i].hide !== true) all = false;
        }
        $scope.allHidden = all;
    }, true);
});