Div填充离子项

Question

我正在使用ion-list和ion-item来重复数据，我现在面临的问题是我无法使div表填充离子项。我希望表格像离子选项按钮一样填充。

我希望桌子就像附加图像中的黑色矩形一样。 提前谢谢

 <ion-list>
  <ion-item ng-repeat="item in items" href="#/app/event/{{item.id}}" >

    <div class="row">
        <div id="div1" class="col color1">Event {{ item.id }}</div>
        <div id="div2" class="col color2">lorem ipsum</div>
    </div>

    <ion-option-button class="button-calm icon ion-android-favorite" ng-click="favorite(item)">
        &nbsp Favorite
     </ion-option-button>
     <ion-option-button class="button-positive icon ion-android-notifications" ng-click="notify(item)">
        &nbsp Notify
   </ion-option-button>
  </ion-item>
</ion-list>

实施例