ion-note inside of ion-list cuts off primary text
我正在使用离子3。我正在尝试列出一个事件列表，其中事件名称在离子注释的项目的左侧，事件注释(开始时间)在项目的右侧。这是我的代码：
1 2 3 4 5 6 7 8 9 10 11 12 | <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> |
如果我这样做的话，便笺会正确显示在右侧，但是主要文本(事件的名称)会被切掉，并在末尾插入省略号，即使它很合适。这是一张图片：
在您的代码中，您使用的是item-right类，但是在文档和演示源页面中，它是item-end。
请在此处检查商品放置属性：
https://ionicframework.com/docs/api/components/item/Item/
如果这样做没有帮助，则可以尝试覆盖item-content的padding-right属性。