angular - ionic 2/3 检查标签文本是否被截断或不将其用作条件
问题描述
我有这些标签和这个按钮
...let item of items...
<ion-label *ngIf="item.textwrap" text-wrap>{{item.record_view}}
</ion-label>
<ion-label *ngIf="!(item.textwrap)" >{{item.record_view}}
</ion-label>
<button ion-button (click)="textWrap(item)" clear item-right >
<ion-icon name="more"></ion-icon>
</button>
此代码的目的是在按下按钮时显示所有文本。这个解决方案一点也不优雅,我一点也不喜欢它,但经过多年的搜索,我只能做到这一点。
我最好只在标签文本实际被截断时才添加按钮,例如:
<ion-label [ngStyle]="ITEM.WRAPTEXT" >{{item.record_view}}
</ion-label>
<button ion-button *ngIf="IS_LABEL_TRUNCATED" (click)="textWrap(item)" clear item-right >
<ion-icon name="more"></ion-icon>
</button>
在 .ts 文件中使用状态变量,例如
textWrap(item){
if(item.textwrap==""{
item.textwrap = "text-wrap" //or true
}else{
item.textwrap = "" //or false
}
}
你们有什么解决方案可以达到这样的结果吗?
感谢大家
解决方案
推荐阅读
- swiftui - 如何使用 SwiftUI 更改主题颜色?
- jquery - 无法在 jquery 验证插件自定义方法中获取父表单的类
- javascript - Firebase 存储向 Firestore 添加文件引用
- php - 我如何设法从画布生成 png 然后上传图像?
- webhooks - Prometheus 的 Alertmanager Slack webhook 获取“alertmanager.yaml err="unsupported scheme \"\" for URL”
- jquery - JQuery 滑块在我的网页上不起作用
- javascript - 我们可以在警报上设置属性吗?
- sql-server - SQL Server:如何开始调试,没有调试器菜单?
- android - 我可以在 Apollo Android 中使用 .gql 架构吗?(不生成类)
- python - 在大文件中查找单词并复制包含该单词的行