如何在ion-option标签中添加新行？

Question

在下拉列表中的公司名称后需要一个新行。

我已经尝试了所有方法，同时插入<p>和<br>标签。

<ion-item>
    <ion-label>select</ion-label>
    <ion-select okText="Okay" cancelText="Dismiss">
    <ion-option value="1"> company1 address1</ion-option>
    <ion-option value="2">company2  address1</ion-option>
    <ion-option value="2">company3 address3</ion-option>
    <ion-option value="4">company4 address4</ion-option>
    </ion-select>
 </ion-item>

我想在新行中显示一个地址。我也在公司和地址之间尝试了HTML标记。公司和地址是两种不同的文字。

使用标记后，它会显示在同一行。

已更新：我知道HTML标记在ion-option中不起作用。在离子领域，有没有人遇到过同样的事情。

Answer 1

将html注入离子元素有点尴尬，但是您可以绕开它

css。

'DEFAULT_PERMISSION_CLASSES': (
   'path.to.CustomAccessPermission',
)

关于它的好讨论Can CSS force a line break after each word in an element?

希望这会有所帮助