如何在kendo的扩展面板组件中截断文本

如何解决如何在kendo的扩展面板组件中截断文本

我有一个非常简单但非常棘手的问题：我需要在 Angular 中使用 kendo 的扩展面板组件来显示帖子的标题。棘手的部分是我不希望它超过 10 个字符的长度。我写的代码是：

<div class="wrapper">
    <kendo-expansionpanel
      *ngFor="let data of datas"
      [title]="data.title | slice:0:6"
      [subtitle]="'from ' + data.userId"
      [expanded]="false"
      class="col-6">
        <span class="content-text">{{data.body}}</span>
    </kendo-expansionpanel>
  </div>

我认为那行：

[title]="data.title | slice:0:6"

会工作，但我不断收到错误：

类型 'unkNown[]' 不能分配给类型 'string'

我该如何解决？