Angular 离子选择，离子选择选项

我已经创建了一个新的项目离子电容器。我使用离子选择，但我有一个新的离子选择选项（按）大文本，而不是在输入分布

<ion-item>
  <ion-label class="my-label" position="stacked">Plaga/Enfermedad</ion-label>
  <ion-select >
    <ion-select-option value="Alternaria, Mancha marrón de las mandarinas (primavera)">Alternaria, Mancha marrón de las mandarinas (primavera)
    </ion-select-option>

  </ion-select>
</ion-item>

普拉加/恩费米德
交链孢菌，Mancha marrón de las mandarinas（primavera）

如何更改查看所有文本的此属性。 显示我的图像

---

要显示

离子选择

中的所有文本，您可以使用

离子选择选项

上的

离子文本换行

类。该类由Ionic CSS实用程序（）提供。您的代码应该如下所示：

<ion-item>
  <ion-label class="my-label" position="stacked">Plaga/Enfermedad</ion-label>
  <ion-select >
    <ion-select-option class="ion-text-wrap" value="Alternaria, Mancha marrón de las mandarinas (primavera)">Alternaria, Mancha marrón de las mandarinas (primavera)
    </ion-select-option>
  </ion-select>
</ion-item>

然后，在typescript文件中定义此函数：

editShadowStyle() {
    let textbox = document
      .getElementById("my-select")
      .shadowRoot.querySelector("div");
    textbox.setAttribute("style", "white-space:pre-line");
}

---

这样，每次您将在

离子选择

中选择一个选项时，都将编辑shadowroot元素样式。请查看下面的结果：

谢谢您的帮助。我试着这样做，这是工作 //离子6型

ion-select::part(text) {
    white-space: normal !important;
    transform: none !important;
}

---

谢谢你的帮助，但同样的结果，文本是crop@ProgramaClases请看我的编辑上面，我找到了一个解决办法

ion-select::part(text) {
    white-space: normal !important;
    transform: none !important;
}