如何将切片应用于后端生成的数据？

Question

这是我在 <div> 中的 2 个数据：

<div class="NP" id="sliced">{{app.user.Firstname}}{{app.user.Lastname}}</div>

我想对这 2 个数据进行切片，以便在 div.

中显示每个字符串的第一个字母

大致来说，我想做一些像：

 {{app.user.Firstname.slice(0,2)}}{{app.user.Lastname.slice(0,2)}}

但我不知道如何将 JS 或 JQUERY 实现到这些东西中。我试图将脚本归因于数据，但徒劳无功

 {{ app.user.firstName, {'label_attr' : {'script' : `$("#sliced").slice(0,2);`} }}

它 returns 我是一个标点符号错误，即使我只是尝试添加一个简单的 class.

Answer 1

无需使用JS。您只需要使用正确的过滤器。您不使用 . 访问过滤器，而是使用管道 (|).

<div>{{ app.user.Firstname|slice(0,2) }}{{ app.user.Lastname|slice(0,2) }}</div>

也可以这样表达

<div>{{ app.user.Firstname[:2] }}{{ app.user.Lastname[:2] }}</div>

How to apply a slice to a back-end generated data?