image - 使用 Angular JS ng-src 的后备(默认)图像

Question

我正在尝试使用从模式返回的数据设置图像源。这是在 ng-repeat 循环内:

<div id="divNetworkGrid">
    <div id="{{network.id}}" ng-repeat="network in networks">
        <span>
            <table>
                <tr>
                    <td class="imgContainer">
                        <img ng-src="{{ ('assets/img/networkicons/'+ network.actual + '.png') || 
                                         'assets/img/networkicons/default.png' }}"/>
                    </td>
                </tr>
            </table>
        </span>
    </div>
</div>

很明显，当 network.actual 模型属性返回为 null 时，我想填充 default.png。但我的代码没有选择默认图像，尽管第一张图像可用时效果很好。

我确定这是一些语法问题，但无法找出问题所在。

Answer 1

我刚刚发现，您可以在 img 标记上同时使用 ng-src 和 src ，并且如果 ng -src 失败(使用的变量不存在等)，它将自动回退到 src 属性。