如何在Onsen UI中制作Cardview列表？

Question

一个具有这样的HTML代码，我想使用带有Onsen UI的卡片视图来实现它。

<div *ngIf="content">
<div>
    <img src="https://monaca.io/img/logos/download_image_onsenui_01.png" alt="Onsen UI" style="width: 100%">
</div>
<div>
    <label>title : </label> {{content.title}}
</div>
<div>
    <label>Captio : </label> {{content.caption}}
</div>

当我不使用卡片温泉实现代码时，我会在屏幕上看到完美的数据。

但是，当我用卡片温泉实现代码时，卡片只会在屏幕上显示最新数据。

为什么要这样做？这是我正在尝试通过卡片温泉实现的代码。

<ons-page>
<ons-card>
    <div class="content">
        <div *ngIf="content">
            <div>                        
                <img src="https://monaca.io/img/logos/download_image_onsenui_01.png" alt="Onsen UI" style="width: 100%">
            </div>
            <div>
                <label>title : </label> {{content.title}}
            </div>
            <div>
                <label>Captio : </label> {{content.caption}}
            </div>
        </div>
    </div>
</ons-card>