如何设置列表中项目的高度等于其角度宽度？

Question

我已经跟踪了表示图像+文本的对象列表。

PLUNKER

中的演示

我的目标是将 Item 的高度设置为等于其宽度。

我怎样才能做到这一点？

以下是代码片段：

 <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>

注释

我使用Ionic和Cordova，但它没有提到问题。

谢谢，