在表 td 元素中仅显示来自电子邮件的用户名

Question

所以 {{ historydata?.created_by }} 正在显示电子邮件地址。有没有办法从电子邮件地址中仅提取用户名或隐藏@后的字符并仅在 td 元素中显示用户名？

      <tr *ngFor="let historydata of data?.rows">
        <td class="is-breakable">{{ historydata?.created_by }}</td>

Answer 1

你可以试试{{ historydata?.created_by.split('@')[0] }}

我已经为你创建了一个 CodeSandbox，所以你可以看到它在工作：

https://codesandbox.io/embed/unruffled-meninsky-59f58p?fontsize=14&hidenavigation=1&theme=dark