Angularjs根据数据库

时间:2015-08-10 20:06:09

标签: angularjs

我试图在视图上显示图像。我在数据库中有一个图像名称列表,并将实际图像存储在内容/图像中。当我循环时,所有出现的都是替代名称,我只得到一次。应显示7张图像或至少显示7个备用名称。

这是我试图显示图像的代码 -

        <div class="row">
            <div ata-ng-repeat="route in vm.routes">
                <img data-ng-src="Content/images/{{route.department.imageNameLight}}.jpg" alt="test" />
            </div>
        </div>

我看了一个vm.routes,它确实有正确的信息。图像名称用引号括起来,如果这有所不同?最终,我将最多有两行,每组六张图像显示图像的浅色版本或黑暗,具体取决于状态标记。

1 个答案:

答案 0 :(得分:1)

试试这个:

<div class="row">
    <div ata-ng-repeat="route in vm.routes">
        <img data-ng-src="{{'Content/images/' + route.department.imageNameLight + '.jpg'}}" alt="test" />
    </div>
</div>