How to create checkbox filter for ng-repeat list using angularjs?
<p>I'm trying to create checkbox for ng-repeat list. I'm facing some issues. </p>

<p><strong>HTML</strong></p>

<pre><code>&lt;input type="text" ng-model="findname" placeholder="Search Name"  /&gt;
&lt;ul&gt;
    &lt;li class="no-decoration" ng-repeat="tech in technologyArray"&gt;
    &lt;label&gt;
        &lt;input type="checkbox" ng-model="tech.on" /&gt;{{tech.u_proffession}}
    &lt;/label&gt;
    {{tech.on}}
    &lt;/li&gt;
&lt;/ul&gt;
&lt;ul&gt;
    &lt;li  ng-repeat="stu in students  | filter:findname | filter:myFunc "&gt;                
        &lt;strong&gt;Name :{{stu.u_name}}&lt;/strong&gt;&lt;br /&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p><strong>JS</strong></p>

<pre><code>var ngApp = angular.module('angapp',[]);
ngApp.controller('angCtrl',function($scope,$http){
    $scope.myFunc = function(a) {
    for(tech in $scope.technologyArray){
            var t = $scope.technologyArray[tech];
            if(t.on &amp;&amp; a.technology.indexOf(t.u_proffession) &gt; -1){
                return true;   
            }               
        }
    };
    $scope.technologyArray = [{ u_proffession: "developer", on: false}, {u_proffession:"driver", on:false}];
    $http.get("data.php").then(function(response) {
        $scope.students= response.data.records
    });
});
</code></pre>

<p><strong>JSON ARRAY</strong></p>

<pre><code>{"records":[{"u_name":"adrian","u_mail":"abc@gmail.net","u_proffession":"developer"},{...}]}
</code></pre>

<p><code>1000 Rows</code></p>

<p>The simple search <code>ng-model="findname"</code> is working fine when i remove the checkbox filter inside the ng-list <code>| filter:myFunc</code>. But when i add both of them in <code>ng-list</code> then no data showing in <code>student</code> list and also text search does not working. I wanted to use both of them. </p>

<p>Can anyone guide me where i'm wrong that i can fix my issue. I would like to appreciate if someone guide me. Thank You.</p>