应用基金会的documentation（以及角色基础应用，这是现在维护的F4A分支）Interchange将此示例作为仅在移动设备上加载小尺寸图像的方式为了节省带宽：
<ba-interchange>
<img media="small" src="assets/img/small.jpg">
<img media="medium" src="assets/img/medium.jpg">
<img media="large" src="assets/img/large.jpg">
</ba-interchange>
但是，虽然只显示小图片，但浏览器仍会看到三个img标签，并在加载角度之前请求所有三个图像。如果您的目的是节省带宽，那么这至少会破坏使用交换的目的。
网站交换的Foundation 6通过将所有图像放入元素上的data-interchange属性字符串来避免这种情况。 F4A是否有类似我遗漏的东西？或者是否有一些关于我错过的上述示例代码？
答案 0 :(得分：0)
我建议使用Angular Base Apps提供的.c指令。该指令在内部使用ba-if指令，导致ng-if元素不被添加到DOM，除非匹配指定的媒体查询。
您可以使用img指令重写您的代码：
ba-if