Angularjs 如何将列表中项目的高度设置为其角度宽度？

我遵循了表示图像+文本的对象列表

演示

我的目标是将项目的高度设置为其宽度

我怎样才能做到这一点

以下是代码片段：

 <div class="list">
      <a ng-repeat="pet in pets" class="item item-thumbnail-left">
        <img ng-src="{{ pet.image }}">
        <h2>{{ pet.album }}</h2>
        <h4>{{ pet.artist }}</h4>
      </a>
    </div>

{{pet.album}
{{pet.artist}}

评论

我使用离子与科尔多瓦，但它没有提到的问题

谢谢