选择值后,将名称设置为大以显示在离子选择选项上

时间:2017-12-23 20:03:02

标签: html css angular select ionic-framework

当我从select中选择一个选项时,我想在该区域显示大名称。

实际上,所选的名称是:'Speciall Academy Pizza'但屏幕上只显示'Special Academy ...'。

在下一张图片上,您可以看到问题:

enter image description here

这里的代码选择:

   <ion-item *ngIf="itemLevelSelected !== ''">
  <ion-label>
    level 1:
  </ion-label>
  <ion-select  interface="popover" [(ngModel)]="categorySelected" (ngModelChange)="setCategorySelected(categorySelected)">
    <ion-option *ngFor="let x of information">{{x.name}}</ion-option>
  </ion-select>
</ion-item>
<ion-item *ngIf="categorySelected">
  <ion-label>
    level 2:
  </ion-label>
  <ion-select   interface="popover"  [(ngModel)]="subCategorySelected" (ngModelChange)="setSubCategorySelected(subCategorySelected)" >
    <ion-option *ngFor="let x of subCategory"  text-wrap>{{x.name}}</ion-option>
  </ion-select>
</ion-item>

如何显示大名称的完整内容?

感谢。

0 个答案:

没有答案