建立我自己的自动完成angularjs

时间:2015-07-15 09:15:41

标签: javascript angularjs autocomplete

我尝试使用自动完成功能构建自己的搜索功能。

Search MAC:<br/>
<input type="text" ng-model="boxtext">

<tr ng-repeat="box in boxes | filter:boxtext">
  <td>{{box.type}}</td>
  <td>{{box.mac}}</td>
  <td>{{box.serial}}</td>
 </tr>
</table>

我现在遇到的问题是打印出来自框的所有行,当我开始在文本字段中输入时进行过滤。

当我开始在文本字段中输入时,我真的不知道如何从“框”中打印出行?有什么建议吗?

1 个答案:

答案 0 :(得分:0)

您只需在预览表中添加ng-if

<input type="text" ng-model="boxtext">

<table ng-if="boxtetxt.length > 0">
 <tr ng-repeat="box in boxes | filter:boxtext">
  <td>{{box.type}}</td>
  <td>{{box.mac}}</td>
  <td>{{box.serial}}</td>
 </tr>
</table>

只要boxtext.length > 0为false,就会删除表格。请注意,boxtext必须初始化为空字符串,或者nullundefined,并且不会有length