web-dev-qa-db-ja.com

イオンアイテムディバイダーを削除

<ion-item>ディバイダーを削除するにはどうすればよいですか？行に4つのアイテムを表示する次のコードがあります。

<ion-row ion-list>
    <ion-col width-25 *ngFor="let player of players">
              <ion-item color="dark">
                  <ion-avatar item-left>
                      <img [src]="photo" class="img img-circle"/>
                  </ion-avatar>
                  {{user.name}}
              </ion-item>
              </ion-col>
            </ion-row>

出力には、例外として4つの画像が連続して表示されますが、各画像の下には白い仕切りがあります。仕切りは必要ありません。

style="border:none"を設定しようとしましたが、設定しませんでした。

ionic2dividerion
25
TheUnreal

つかいます no-lines

<ion-row ion-list>
    <ion-col width-25 *ngFor="let player of players">
         <ion-item no-lines color="dark"><!-- here -->
              <ion-avatar item-left>
                  <img [src]="photo" class="img img-circle"/>
              </ion-avatar>
              {{user.name}}
         </ion-item>
     </ion-col>
</ion-row>
65
Suraj Rao

なんらかの理由でこれはうまくいきませんでした。しかし、lines = "none"を使用すると非常に効果的です。

For ionic v4

<ion-item lines="none"> </ion-item>

ionic docs ... https://ionicframework.com/docs/api/list から取得

27
Rmalmoe

ionic v4の場合、linesプロパティを使用する必要があります。

<ion-row ion-list>
    <ion-col width-25 *ngFor="let player of players">
         <ion-item lines="none" color="dark">
              <ion-avatar item-left>
                  <img [src]="photo" class="img img-circle"/>
              </ion-avatar>
              {{user.name}}
         </ion-item>
    </ion-col>
</ion-row>
7
Team Elite