使用ng-init进行选择,并且ng-option上的过滤器仍然显示空行
select with ng-init and filter on ng-option still shows empty line
我是angularJS的新手,我正在努力解决一个选择问题。在我的其他选择,我已经设法显示我想要的没有任何问题。但是在这个列表中,我有一个过滤器来平整化用于列表的数组,因为我需要的元素嵌套在数组的深处。
小提琴:JSFiddle
<select ng-model='selectedFunctionField' ng-init="selectedFunctionField = fields[0]" ng-options="field as field.display for field in fields|flatten" class="form-control"></select>
我的问题是我无法摆脱的空行。我尝试了我在SO上找到的一切:ng-init带有字符串,ng-init带有对象,ng-init带有函数,带有$scope变量等,在我的代码中有些东西是错误的,但我看不到什么…
谢谢你的帮助!
引擎应该是,
ng-init="selectedFunctionField = fields[0].columns[0]"
当您筛选数据并返回列时。
示例演示:http://plnkr.co/edit/FF0hupHo0Qc2i2Ee5QVP?p=preview
相关文章:
- ui网格日期单元格过滤器,过滤日期格式导致显示错误的日期
- 如何应用带过滤器的ng if来过滤记录,并在同一页面中显示两个不同的视图
- Regex有助于突出显示html中匹配文本的角度过滤器
- 角度ng重复显示应用过滤器之前的数据
- 我可以配置默认的角度过滤器以显示字符串,以便以搜索词开头的字符串排在第一位
- 显示Aurelia值转换器上的所有过滤器
- jQuery过滤器有时显示所有元素
- 显示骨干js过滤器
- 如何通过过滤器显示特定值
- AngularJS日期过滤器显示错误的日期
- 完整的日历+过滤器显示的数据可能
- Angular.js日期过滤器显示提前一个月
- Jquery过滤器显示不稳定的结果
- 使用过滤器显示基于类别的项目
- 淘汰赛中的过滤器显示空的选择列表
- jQuery基于过滤器显示/隐藏行
- 在angular中,如何对使用过滤器显示的字段使用orderBy和ngRepeat,从而改变它们的实际内容
- 使用Angularjs中的日期过滤器显示休息日的日期
- 如何缩短网址以仅使用角度.js过滤器显示域
- 角度日期过滤器显示未定义/ NaN,即使使用ng-cloak