Question

假设我想在模态视图中显示一个非常长的字符串。

目前，我可以通过angular.element(...).html(...);动态设置文字。但是，容器根本不会包装文本，而是使模态视图可滚动以便容纳那么长的字符串。

以下是我设置模态视图的方法：

<body>
    ...
    <ons-modal var="modalDialog">
        <ons-icon icon="ion-information-circled" size="3x" spin="false"></ons-icon>
        <br><br><div>Original text, can be replaced via jqlite.</div>
        <br><br><ons-button ng-click="modalDialog.hide()">Got it!</ons-button>
    </ons-modal>
    ...
</body>

enter image description here

我尝试了以下方法但没有成功：

使用额外的<div>来包装显示内容。
使用额外的<p>来包裹长字符串。
使用word-wrap: 'break-word'和word-break: 'break-all'

感谢任何帮助。

Answer 1

你可以尝试white-space: normal希望它有所帮助

在ons-modal中自动换行

1 个答案: