可视化工具模板:过滤器

  • Evoq参与

在显示值之前，可以通过将输出传递给一个或多个由管道(|）.

数学

过滤器 描述 例子
divided_by 将管道值除以指定的整数。舍入结果。也看到模． 
{{10 | divided_by: 3}}
3.
- 从管道值中减去指定的值。也看到+． 
{{4 | minus: 2}}
2
模 返回管道值除以指定值时的模数(余数)。也看到divided_by． 
{{3 | modulo: 2}}
1
+ 添加管道值和指定值。如果值是数值字符串，则将数字转换为整数，然后添加。也看到-． 
{{1 | plus: 1}}
2
次 将管道值与指定值相乘。 
{{5 | times: 4}}
20.

字符串

过滤器 描述 例子
附加 将指定的字符串追加到管道字符串的末尾。也看到预谋． 
{{"敏捷的棕色狐狸" | append: "跳过"}}
敏捷的棕色狐狸跳了过去
利用 将管道字符串中单词的首字母大写。也看到upcase而且downcase． 
{{"敏捷的棕色狐狸" |大写}}{{"跳过懒狗" |大写}}
敏捷的棕色狐狸跳过了懒惰的狗
downcase 将管道字符串转换为小写。也看到upcase而且利用． 
{{"THE QUICK BROWN FOX" | downcase}} {{"THE QUICK BROWN FOX" | downcase}}
敏捷的棕色狐狸，敏捷的棕色狐狸
预谋 前缀字符串。也看到附加． 
{{"懒狗" | prepend: "跳过"}}
跳过那只懒狗
remove_first 从管道字符串中删除指定字符串的第一个出现项。也看到删除而且取代． 
{{"peppers" | remove_first: "pe"}}
ppers
删除 从管道字符串中删除指定字符串的所有出现项。也看到remove_first而且取代． 
{{"peppers" | remove: "pe"}}
prs
replace_first 将第一个指定字符串的第一次出现替换为第二个指定字符串。也看到取代而且remove_first． 
{{"peppers" | replace_first: "pe"， "to"}}
装饰
取代 用第二个指定字符串替换第一个指定字符串的所有出现。也看到replace_first而且删除． 
{{"peppers" |替换:"pe"， "to"}}
toptors
大小 返回管道数组或字符串的大小。 
{{"hello" | size}}
5
片 返回管道字符串中指定偏移量和指定字符数的子字符串。负偏移量将从字符串的末尾开始计数。 
{{“hello”|片:1、2}}{{“hello”|片:3,3}}
el llo
分裂 在找到指定模式的地方拆分管道字符串，不包括搜索模式。也看到数组．
注意:通过简单地连接元素将数组转换为字符串以供显示。的加入可用于在每个元素之间使用分隔符格式化数组。
 
{{“a、b”|分裂 : "," }} {{ " a、b”|分割:”、“|加入:" | "}}
ab a |
strip_newlines 从管道字符串中删除所有换行符("\n")。

如果myMultiLineField设置为:

一闪一闪，小星星。我多么想知道你是什么。
{{myMultiLineText | strip_newlines}}
一闪一闪，小星星。我多么想知道你是什么。
截断 截断管道字符串并追加可选的第二个参数，以便最终结果的长度是第一个参数。 
{{"supercalifragilistic" | truncate: 8， "man"}} {{"supercalifragilistic" | truncate: 5， "nny"}}
超人阳光明媚
upcase 将管道字符串转换为大写。 
{{"hello" | upcase}}
你好

字符串的HTML和URL编码

如果字段包含字符串，可以使用以下筛选器。

过滤器 描述 例子
escape_once 将字符串中的特殊字符转换为HTML转义字符，而不影响已经进行了HTML转义的字符。
逃避 将字符串中的特殊字符转换为HTML转义字符。
newline_to_br 将每个换行符("\n")替换为HTML换行符(
)。
strip_html 从管道字符串中删除所有html编码字符。
url_encode 将管道字符串转换为URL编码。

为url创建链接

如果字段包含URL，可以使用以下筛选器。示例使用{{linkedIn}}占位符。

过滤器 描述 例子
(过滤器) 以纯文本形式返回URL。 
{{linkedIn}}
http://www.linkedin.com/in/myexample
链接 创建将在同一浏览器选项卡中加载目标页面的链接。 
{{linkedIn | link}}
 http://www.linkedin.com/in/myexample
link_new 创建将在新浏览器选项卡中加载目标页面的链接。 
{{linkedIn | link_new}}
 http://www.linkedin.com/in/myexample

数组

数组下标是从零开始的;也就是说，第一个元素的索引是0，最后一个元素的索引是元素的个数减1。例如:如果一个数组包含5个元素，则索引范围从0(第一个元素)到4(最后一个元素)。

类型的字段资产(图像和文档)包含数组;因此，您还可以对这些字段使用这些过滤器。

这些示例接受逗号分隔值的字符串，该字符串在应用筛选器之前被分割成一个数组。如果结果是一个数组，则加入Filter以波浪号“~”作为分隔符将元素组合成一个字符串。

注意:通过简单地连接元素将数组转换为字符串以供显示。的加入可用于在每个元素之间使用分隔符格式化数组。
过滤器 描述 例子
第一个 返回管道数组的第一个元素。也看到最后的． 
{{"dddd,bb,ccc,a" | split: "，" | first}}
dddd
index_at 返回指定索引处元素的URL。如果指定的索引超出有效范围(0到元素数量减1)，则不返回任何内容。 
{{"dddd,bb,ccc,a" | split: "，" | index_at: 2}}
ccc
加入 将管道数组的元素与每个元素之间插入的指定字符组合在一起。 
{{"dddd,bb,ccc,a" | split: "，" | join "~"}}
dddd ~ bb ~ ccc ~
最后的 返回管道数组的最后一个元素。也看到第一个． 
{{"dddd,bb,ccc,a" | split: "，" | last}}
一个
大小 返回管道数组或字符串的大小。 
{{"dddd,bb,ccc,a" | split: "，" | size}}
4
排序 对数组的元素进行排序。看到反向． 
{{“dddd, bb, ccc,“|分割:“,”| |加入“~”排序}}
一个~ ~ bb ~ ccc dddd

多项选择

这些筛选器仅应用于该类型的字段多项选择．

过滤器 描述 例子
(过滤器) 对于单选字段，返回所选字段的值。对于多项选择字段，以逗号分隔的列表返回所选项的列表。 
{{mySingleSelection}} {{myMultipleSelection}}
选项1选项1，选项2
列表 返回用户选择的无序列表。 
{{myMultipleSelection | list}}
     
  • 选择1
    •  
  • 选择2
    •
numberedlist 返回用户选择的有序列表，按照选择的顺序。 
{{myMultipleSelection | numberedlist}}
     
  1. 选择1
    2.  
  2. 选择2
    3.

资产(图像和文档)

这些筛选器仅应用于该类型的字段资产．

过滤器 描述 例子
(过滤器) 返回所有图片/文档。图像被包装在< img / >标签。文档用< / >标签。 
{{myImages}} {{myDocuments}}
my image 1 my image 2 我的文档标题1 我的文档标题2

(为便于阅读，已格式化。)
images_url 以纯文本形式返回图像的所有url。 
{{myImages | images_url}}
https://example.com/img folder/my -图像- 1. png https://example.com/img - folder/my - 2. png图像

(为便于阅读，已格式化。)
images_list 返回一个无序列表，其中包含所包装的图像< img / >标签。 
{{myImages | images_list}}
     
  • my image 1
    •  
  • my image 2
    •
documents_url 以纯文本形式返回文档的所有url。 
{{myDocuments | documents_url}}
https://example.com/doc - folder/my文档- 1. - pdf https://example.com/doc - folder/my - 2. - pdf文档

(为便于阅读，已格式化。)
documents_list 返回包含文档url的无序列表< href / >标签。 
{{myDocuments | documents_list}}

Misc

过滤器 描述 例子
日期 重新格式化日期。(见Datetime)。 
{{meetingTimeslot | date: "HH:mm"}}
18:00