获取条件为Angular的第一个元素
Get first element with condition in Angular
我有以下Angular 1.0代码:
<div ng-repeat="ebook in vml.ebooks">
<img data-ng-src="{{ ebook.files.filter(function (v) { return v.type === 'ebook.cover'; })[0].url }}" />
</div>
但我得到了错误:
"Error: [$parse:syntax] Syntax Error: Token 'ebook' is an unexpected token at column 55 of the expression ['ebook.files.filter(function (v) { return v.type === 'ebook.cover'; })[0].url'] starting at [ebook.cover'; })[0].url'].
我该如何解决这个问题?
是否可以将其转换为筛选器?
在对象(文件)列表中,我需要获得具有给定类型的第一个对象。
当然。。。创建自己的过滤器,然后将其传递到数据ng-src:中
data-ng-src="{{ ebook.files | myFilter:'ebook.cover' }}
在Angular表达式中不能使用Array.prototype.filter
方法。但是,您应该能够使用Angular过滤器来完成此操作。相应的表达式如下所示:
data-ng-src="{{ (ebook.files | filter:{type:'ebook.cover'})[0].url }}"
相关文章:
- 使用数据上的角度更改设置集合的第一个元素的动画
- 在javascript数组中推送多个值并获取第一个元素
- Angular js将只显示ng repeat中的第一个元素
- 使用+=运算符未定义对象中的第一个元素
- javascript window.addEventListener,覆盖了第一个元素的配置
- 如何访问 JSON 对象数组的第一个元素
- 第一个元素和最后一个元素之间的连续循环
- 要插入二叉树的第一个元素,请将其放在左边还是右边
- 向下滚动时覆盖页面的第一个元素或块
- 数组未发送所有元素,只获取第一个元素
- 创建每个数组的第一个元素的数组
- 只显示ng重复的第一个元素
- CKEditor:以小部件作为第一个元素,选择所有在Chrome中不工作的
- 从Web视图上显示的页面部分获取第一个元素
- 有没有更好的方法来访问用JQuery选择器选择的第一个元素
- JQuery验证仅适用于提交的表单中的第一个元素.[打算验证所有内容]
- jQuery导航菜单没有't更新第一个元素
- jQuery如何删除第一个元素前的逗号
- 如何获取数组第一个元素的范围
- 使用 Dart 时,我正在创建一个点击事件的 DOM 类.它只拾取第一个元素,我如何让它在所有元素上发射