点击功能上的Angular 4 - 如何使用返回值？

Question

我需要Angular 4中的click功能帮助。我有这样一个元素：

      <mat-cell *matCellDef="let row">
        <span>{{row.messageText | hasString}}</span>
        <span *ngIf="row.messageText && row.messageText.length >= 30"><span class="show-more" (click)="showMore(row)">more</span></span>
      </mat-cell>

我在row.messageText的表格单元格中有一个字符串，它被* ngIf指令剪切成较短的字符串。如果字符串的长度太长，我可以通过substr（）函数缩短它。并显示在表格单元格中。我还添加了一个“更多”的跨度，所以我可以点击它并展开这个字符串。

还有我的问题 - 我能做什么，所以我可以点击“更多”并显示这个字符串的整个长度？我的想法是绑定点击功能以跨越“显示更多”并返回一个完整的字符串。

这是我的组件.ts文件中的函数：

showMore(row) {
  return row.messageText.substr();
}

该函数返回完整字符串。如何将其应用于我的component.html？

Answer 1

您可以在表达式

中调用该函数

<span>{{showMore(row)}}</span>