javascript - Angular.forEach 和 .find

标签 javascript json angularjs ionic-framework

我正在搜索特定字段,找到后将其分配给新变量。只要该值存在,这种方法就可以正常工作。如果一条记录中不存在,则停止。

angular.forEach($scope.allnews.entries, function (value) {
    value.articleImage = $(value.content).find('img').eq(0).attr('src');
});

$scope.allnews.entries 包含大量 json 数据。字段内容包含我感兴趣的img数据。但是,有时内容字段可能不包含任何 img。举个例子,

Record 1: contains img
Record 2: contains img
Record 3: contains img
Record 4: does not contains img
Record 5: does not contains img
Record 6: contains img
Record 7: contains img

我的问题是,当我绑定(bind) articleImage 时,我只会获取记录 1、2 和 3 的 img。它将停止检索其余记录的值,在本例中,6 和 7 获胜不显示任何东西。有没有办法可以在这个循环中放置一个条件,以便在找不到时添加一个空标签或者不会停止?非常感谢。

最佳答案

在尝试从中获取 src 属性之前,先测试该元素是否存在。

angular.forEach($scope.allnews.entries, function (value) {
    var img = $(value.content).find('img').eq(0);
    value.articleImage = img ? img.attr('src') : null;
});

关于javascript - Angular.forEach 和 .find,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28228887/

相关文章:

javascript - 在 JavaScript 中验证没有 www 的 URL

java - 如何在 JSP 中将 JavaScript 值传递给 Scriptlet?

javascript - D3 库 Y 轴未标记

javascript - Chrome扩展能否动态添加JS文件到本地扩展目录?用户上传还是从网络保存?

java - 如何从json中提取所有变量名称?

asp.net-mvc - 通过生成 Entity Framework 脚手架 API Controller 错误使用 Web API

javascript - 如何在angular js中返回或退出$scope函数

ruby-on-rails - REXML::ParseException 没有有效的根

javascript - 如何在指令中访问 Controller (从外部文件)的范围?

javascript - 在 url 中使用文章标题,而不是 id