当应用ng模型过滤器时,ng在加载时重复清空
ng-repeat empty on load when applying ng-model filter
我有这个代码:
<input type="text" placeholder="Search..." ng-model="query" />
<table ng-controller="Employees" ng-init="init()">
<tr ng-repeat="employee in employees | filter:{ name: query }">
<td>{{employee.name}}</td>
</tr>
</table>
问题是,当页面加载时,在我在搜索输入中键入内容之前,表中什么都没有。然后,所有匹配的内容都会出现,如果我清除输入,所有员工都会显示出来(因为它应该是加载的)。
如果我写filter: query
而不是filter:{ name: query }
,我就不会有这个问题。
如何使用filter:{ name: query }
加载时显示所有数据?
将此行添加到Employees
控制器:
$scope.query = '';
相关文章:
- ng绑定和ng href问题.ng href未从控制器加载数据
- 用于在ng映射中加载GeoJSON的回调
- 有没有办法在AngularJS中强制重新加载递归ng-include
- 避免在用ng href加载样式表之前显示内容
- 隐藏元素直到加载完成(ng斗篷不是我需要的)
- 当在ng视图中加载新路由时,Tabbing(tabindex)针对错误的元素
- ng高图表的响应行为,加载时隐藏编译的ng点击xAxis标签
- ng类应用于页面加载,表达式不真实
- AngularJS:如何使用ng-include将javascript文件加载到部分中
- ng-show内容在页面加载过程中闪烁,尽管它不是真实的,并且ng-cloak不适用于FF
- 在指令之后加载的角度ng-init函数
- 限制在角度中过滤是否会阻止在 ng 重复中加载其他项目
- ng-view 中的脚本在从文件引用时不起作用(JQuery 在角度之前加载)
- 第一页加载时,有角度的ng网格固定标题不是静态的
- 为预先选中的复选框在加载时运行ng更改函数
- 如果更改,请在ng之后重新加载Jquery
- 通过使用ng if更新ng repeat加载程序
- AngularJS ng显示表达式在加载时不起作用
- 验证嵌套在ng中的输入元素repeat也用于页面加载,而不仅仅用于更改
- 在ng视图加载或指令加载后运行javascript