Show results only on search in angular
<p>I have my data coming in like this:</p>

<pre><code>{
    "owner" : {
        "id" : "3f32ce2f-4300-439b-84bc-92ad46fbccf7"
    },
    "name" : "SampleProj",
    "description" : "Sample proj desc",
    "id" : "9be14f93-7c03-4391-98ad-9491594e4798",
    "status" : "OPEN"
}
{
    "owner" : {
        "id" : "3f32ce2f-4300-439b-84bc-92ad46fbccf7"
    },
    "name" : "Analysis report",
    "description" : "Analysis report",
    "id" : "dac7c5c1-5046-4437-b092-",
    "status" : "OPEN"
}
</code></pre>

<p>I am using the following to search the data and it is working fine but how do I show the results only on search(based on keyword)?</p>

<pre><code>&lt;div class="form-group"&gt;
    &lt;input class="form-control input_search_projects" type="text" ng-model="search" placeholder="Search Projects"/&gt;
&lt;/div&gt;

&lt;div class="col-md-6"&gt;
    &lt;div class="list_projects_section_in_dashboard"&gt;
        &lt;ul style="list-style: none"&gt;
            &lt;li ng-repeat="wd in currentPageWorkOrders | filter:search"&gt;
                &lt;a href=""&gt; 
                    &lt;img src="./images/projectthumb.jpg" /&gt;
                    &lt;h4&gt;{{wd}}&lt;/h4&gt;
                &lt;/a&gt;
                &lt;p&gt;Publisher Name&lt;/p&gt;
            &lt;/li&gt;
        &lt;/ul&gt; 
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>