ионная проверка 2/3, сокращается ли текст метки или нет, чтобы использовать его в качестве условия - PullRequest
Новая
       7

ионная проверка 2/3, сокращается ли текст метки или нет, чтобы использовать его в качестве условия

0 голосов
/ 17 мая 2018

У меня есть эти ярлыки и эта кнопка 

...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
  }
}

У вас, ребята, есть какое-нибудь решение для достижения такого результата?

спасибо всем

...