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

Question

以下是我在<div>中的2个数据

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

我想切片这两个数据，以便在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);`} }}

它返回一个标点符号错误，即使我只是试图攻击一个简单的类。

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>

文档。