Angular 2材料：显示列表项的全文

发布时间：2020-12-17 06:49:01 所属栏目：安全来源：网络整理

导读：我有以下代码： md-list dense md-list-item *ngFor="let message of chatMessages | async" p md-line span {{message.content}} /span /p /md-list-item/md-list 这输出： My message is c… 代替： My message is cool message 使用 md-list时,如何显示每

我有以下代码：

<md-list dense>
  <md-list-item *ngFor="let message of chatMessages | async">
    <p md-line>
      <span> {{message.content}} </span>
    </p>
  </md-list-item>
</md-list>

这输出：

My message is c…

代替：

My message is cool message

使用< md-list>时,如何显示每个md列表项的所有文本？

解决方法

md-list md-list-item [md-line]具有css属性：

text-overflow: ellipsis
    white-space: wrap

这会截断任何不适合容器的额外文本.如果文本不适合容器,它只显示省略号(…).

要么让你的容器变大,要么用white-space覆盖：normal,它会将任何额外的文本包装到其他行上

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!