イオンリスト内のイオンノートがプライマリテキストを切り捨てます

Question

私はイオンを使用しています。3.イベント名が左側にあり、イベントノート（開始時刻）がオンのイベントリストを作成しようとしていますイオンノート内のアイテムの右側。ここに私のコードです：私はちょうどそれを行う場合

<ion-list *ngIf="events.length !== 0"> 
    <ion-item-group> 
     <ion-item-divider> 
     Upcoming events 
     </ion-item-divider> 
     <button ion-item *ngFor="let event of events" (click)="itemTapped($event, event)"> 
     {{event.name}} 
     <ion-note item-right>{{event.start | date: 'HH:mm'}}</ion-note> 
     </button> 

    </ion-item-group> 
    </ion-list> 

、ノートでは、それにもかかわらず、しかし、プライマリテキストは、（イベント名）最後に挿入された省略記号で切り落とします、適切右側に表示されますちょうどいいです。ここで絵です：

私はイオンのウェブサイト上のドキュメントをチェックして、私はここからデモ・ソースにコピー：https://github.com/ionic-team/ionic/blob/master/demos/src/list/pages/page-one/page-one.html

おかしいは十分、それが彼らのショーケースで良く見えますが、私に貼り付けますアプリケーションは私の例と同じように見えます。

質問は：私はどのように私のリストのプライマリテキストをイオンでカットしないようにするのですか？

ありがとうございました。

**更新：**解決策を見つけました。私は別のページに関連付けられたscssのイオンノートのCSSルール（最小幅：75％）を追加しましたが、どういうわけかこのページにも適用されました。そのCSSルールを削除すると、私の問題が解決しました。あなたは項目右クラスを使用しているあなたのコードで

Answer 1

、しかしドキュメントだけでなく、デモのソースページでは、項目エンドです。 https://ionicframework.com/docs/api/components/item/Item/

それが解決しない場合は、アイテム・コンテンツのパディング右属性をオーバーライドしてみてください：

アイテムの配置がここに属性を確認してください。