返回 导航

HTML5 / CSS3

hangge.com

Template7 - 表达式介绍3(join 、escape)

作者:hangge | 2016-09-04 11:20
Template7 提供了丰富的表达式语法(Expressions syntax)供我们使用,本文介绍其中的 {{join delimiter=""}}{{escape}} 这2个表达式。

一、{{join delimiter=""}}
将数组里的元素合并转成用指定分隔符隔开的字符串。
(1)假设上下文数据
{
  title: 'Friends',
  year: 2001,
  genres: ['comedy', 'drama']
}
(2)模板样例
<h3>"{{title}}" TV Show</h3>
<p>Was released in year {{year}}</p>
<p>Genres: {{join genres delimiter=", "}}</p>
(3)输出结果
<h3>"Friends" TV Show</h3>
<p>Was released in year 2001</p>
<p>Genres: comedy, drama</p>


二、{{escape}}
这个表达式用来返回转义的 HTML 字符串。(其实就是对< > " &进行转义)
(1)假设上下文数据
{
  title: 'Paragraphs',
  body: 'We need to use <p> tags to add paragraphs in HTML',
}
(2)模板样例
<h1>{{title}}</h1>
<p>{{escape body}}</p>
(3)输出结果
<h1>Paragraphs</h1>
<p>We need to use &lt;p&gt; tags to add paragraphs in HTML</p>
评论

全部评论(0)

回到顶部