JSFiddle - React, Tailwind, and code Playground

HTML

<div ng:app="app">
    <div ng-controller="Ctrl">
            count: {{count}}
                        <h3 ng-mouseover="increase()">Hi  {{value}}  </h3>   
 Search: <input ng-model="query">
            <div ng-repeat="value in object | filter: query">
                <!-- i need this div  works like the  outside div of  the repeater-->
             <div ng-mouseover="increase()">Hi  {{value}}  </div>   
            </div>
        </ul>
    </div>
</div>

JavaScript

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

function Ctrl($scope) {
    $scope.object = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p'];
    
    $scope.count = 0;
    
    $scope.increase = function() {
        $scope.count++;
    }

}