开放式手风琴。 Angular.js

目前我有一个文本字段，可以在其中过滤手风琴标题的内容以及内容。当我打字时，我会喜欢它，如果有巧合，手风琴将会扩展，但是巧合的是手风琴应该关闭。我该怎么做？开放式手风琴。 Angular.js

<input type="text" placeholder="Search" ng-model="search.pregunta"> 
    <uib-accordion close-others="true"> 
    <div ng-repeat="faq in faqs | filter: search.pregunta"> 
     <div class="col-sm-11" > 
      <div uib-accordion-group class="panel-default" is-open="faq.open"> 
       <uib-accordion-heading > 
        <span ng-click="ignoreClick($event);" ><a href='' click-to-edit item="faq" ng-model='faq.pregunta' typeinput='textarea' >{{faq.pregunta}}</a></span> <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': faq.open, 'glyphicon-chevron-right': !faq.open}"></i> 
       </uib-accordion-heading> 
       <span click-to-edit item="faq" ng-model="faq.respuesta" >{{faq.respuesta}}</span> 
      </div> 
     </div> 
     </div> 
    </ui/div> 
     </div> 
    </uib-accordion>

来源

2017-05-30 velez11

你想要的手风琴不匹配露面晕倒，没有得到过滤掉？ – CodeWarrior

@CodeWarrior当他们重新出现时，他们应该好像关闭 – velez11

如果你想要的是有筛选结果进行扩展，你必须在is-open="faq.open"与is-open="search.pregunta?true:false" 代替，并用ng-class="{'glyphicon-chevron-down': search.pregunta, 'glyphicon-chevron-right': !search.pregunta}"

我们基本上确定更换ng-class="{'glyphicon-chevron-down': faq.open, 'glyphicon-chevron-right': !faq.open}"关于搜索文本是否为空的展开/折叠状态。

这里是一个工作fiddle

来源

2017-05-30 19:57:34 CodeWarrior

！但我在控制台中得到一个错误..你可以尝试.. :( – velez11

要打开与搜索匹配的手风琴上，对不对？不完全隐藏它们？

您可以使用is-open属性中的表达式，例如。像这样：

is-open="search.pregunta && faq.pregunta.indexOf(search.pregunta) !== -1"

Here's a working fiddle

来源

2017-05-30 20:05:15 omnibrain

它的工作原理，但我在控制台中得到一个错误.. – velez11

开放式手风琴。 Angular.js

回答

相关问题