ng-repeat：如何将默认项目初始化为选中状态答案

【问题标题】：ng-repeat: How to initialize default item as selectedng-repeat：如何将默认项目初始化为选中状态
【发布时间】：2016-07-05 23:59:48
【问题描述】：

我正在尝试使用 ng-repeat 初始化项目列表。

<div class="item" ng-click="selectedProject(fpItem)" data-id="{{fpProjectItem.id}}" ng-repeat="fpItem in fpItems">
   <img src="{{fpItem.thumbnail}}" />
    <span class="item-title">{{fpItemDetails.projectname}}</span>
</div>

报错

.../location/fpItem.thumbnail%7D%7D net::ERR_FILE_NOT_FOUND

如何解决这个问题。

我还想初始化默认选择值。我该怎么办。

【问题讨论】：

你在这里问了两个问题：首先你的文件没有找到，所以$scope.fpItems 试图加载的文件不是正确的路径。其次，将其中一个值设置为ng-model
stackoverflow.com/questions/12922509/…的可能重复

标签： angularjs

【解决方案1】：

为您的图像使用 ng-src。见：https://docs.angularjs.org/api/ng/directive/ngSrc

要确定 ng-repeat 中的第一项，请使用 $first 或 $index === 0。

例如添加ang属性ng-class="{'selected':$first}"

【讨论】：

【解决方案2】：

尝试替换在你的代码中 . 使用 src 路径未解析。

【讨论】：

使用ng-src而不是src，这样可以动态获取路径。