离子cordova popover组件中的img不显示

Question

我希望当用户按下应用程序中的按钮时，会打开一个弹出窗口。此弹出窗口显示了几个圆形过滤器选项（pictures infront of an invisible checkbox），这些选项在按下时会发生变化。像这样的：

问题是我无法在 ionic cordova 的 popover 组件中看到 img，而 popover 元素可以正常工作。实际上可以在离子中做到这一点吗？

这是我的代码 sn-p：

<div class="filter-buttons">
<div class="metal">
  <input type="checkbox">
  <label>test</label>
  <img src="heavy.jpg" alt="stuff" height="42" width="42"> 
</div>

我也试过把它作为css的背景：

.metal{
    background-image: url("heavy3.jpg");
}

Answer 1

你应该把图片放在www/assets并添加这个代码

background: url(../assets/heavy3.jpg) no-repeat;
background-size: 100% 100%;