我尝试使用自动完成功能构建自己的搜索功能。
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>
我现在遇到的问题是打印出来自框的所有行,当我开始在文本字段中输入时进行过滤。
当我开始在文本字段中输入时,我真的不知道如何从“框”中打印出行?有什么建议吗?
答案 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
必须初始化为空字符串,或者null
或undefined
,并且不会有length
。