希望这是一个简单的修复程序,但是我对Ionic还是陌生的,我已经搜索了他们的文档以及很多文章,但似乎无法确定。
所以我从测试团队那里收到了一个缺陷,即我所拥有的标签是
决策细节
被呈现为
决定
跨所有平台和设备。
我希望能够查看整个文本,否则它的决策部分将换行而不是省略号。
同时,我想保持与其他使用的标签相同的格式ion-text-wrap
。
这是一些代码:
<ion-item>
<ion-label class="ion-text-wrap" class="bold">Decision </ion-label>
<ion-label class="ion-text-wrap"> {{ excursion.excursionDecision }} </ion-label>
<ion-label *ngIf="showCommentArray[i]" class="ion-text-wrap" class="decision" class="bold" button (click)="presentModal(i)">Decision Details</ion-label>
<ion-label *ngIf="showCommentArray[i]" button (click)="presentModal(i)"
><ion-icon name="arrow-forward" class="commentsArrow"></ion-icon
></ion-label>
<ion-label *ngIf="showCommentArray[i] === false"></ion-label>
<ion-label *ngIf="showCommentArray[i] === false"></ion-label>
</ion-item>
</div>
有没有简单的方法可以删除省略号并确保标签移至下一行并完全显示?
感谢任何帮助,谢谢!
通过添加CSS进行了修复:
.decision {
white-space: pre-line;
font-weight: bold;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句