仅当输入提供时显示过滤器结果 - AngularJS

我有一个输入可以过滤出用户列表。仅当输入提供时显示过滤器结果 - AngularJS

<!-- Input --> 
<input type="text" ng-model="search"> 


<div ng-repeat="obj in data | filter:search" ng-show="search.$touched" > 

    <div class="row"> 

     <!-- Country --> 
     <div class="col-xs-4 text-center" > 
      <p>[[obj.country]]</p> 
      <img src="data:image/png;base64,[[obj.flag]]" alt="" width="30px"> 
     </div> 

     <!-- Main Info --> 
     <div class="col-xs-4" > 
      <p class="company-name">[[obj.user.username]]</p> 
      <p>[[obj.obj.phone_public]]</p> 
      <p>[[obj.user.email]]</p> 
      <a href="[[obj.obj.url]]">[[obj.obj.url]]</a></span> <span class="col span_2_of_6"> 
     </div> 

     <!-- Logo --> 
     <div class="col-xs-4 pull-right" > 
      <img src="data:image/png;base64,[[obj.logo]]" alt="" width="100px"> 
     </div> 

    </div> 

    <br><hr> 


</div>

过滤功能工作的伟大，但我想先躲它，只显示它时，输入已被修改。

然后加入ng-show="search.$touched"

加入ng-show="search.$touched"

我应该使用不同的指令后？

现在什么都不显示...

来源

2017-03-07 ihue

存在“试图在第一次将其隐藏，只显示它在输入已被修改“，如果您希望修改时使用”search。$ dirty“而不是”$ touched“，则可以尝试使用它，而不是与其交互。否则，你的代码似乎根据你在问题中概述的内容做你正在打算的内容 – haxxxton

我试过'搜索。$ dirty' - 结果相同。 – ihue

有没有其他建议？ – ihue

的关键部分是：ng-show="search"将检查的任何搜索字符

<!-- Input --> 
<input type="text" ng-model="search"> 


<div ng-repeat="obj in data | filter:search" ng-show="search" > 

    <div class="row"> 

     <!-- Country --> 
     <div class="col-xs-4 text-center" > 
      <p>[[obj.country]]</p> 
      <img src="data:image/png;base64,[[obj.flag]]" alt="" width="30px"> 
     </div> 

     <!-- Main Info --> 
     <div class="col-xs-4" > 
      <p class="company-name">[[obj.user.username]]</p> 
      <p>[[obj.obj.phone_public]]</p> 
      <p>[[obj.user.email]]</p> 
      <a href="[[obj.obj.url]]">[[obj.obj.url]]</a></span> <span class="col span_2_of_6"> 
     </div> 

     <!-- Logo --> 
     <div class="col-xs-4 pull-right" > 
      <img src="data:image/png;base64,[[obj.logo]]" alt="" width="100px"> 
     </div> 

    </div> 

    <br><hr> 


</div>

来源

2017-03-07 19:51:25 ihue

仅当输入提供时显示过滤器结果 - AngularJS

回答

相关问题