javascript - 在 Angular 中获取第一个有条件的元素

Question

我有以下 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'].    

我该如何解决这个问题？

是否可以将其转换为过滤器？

在对象(文件)列表中，我需要获取第一个具有给定类型的对象。

Answer 1

当然...创建您自己的过滤器，然后将其传递到 data-ng-src 中:

data-ng-src="{{ ebook.files | myFilter:'ebook.cover' }}