3.3 Templates -- Conditionals(条件语句)

2022-10-04 18:07:37

有时候你可能仅仅想展现模板的一部分，如果属性存在的话。

1. 我们可以使用{{if}}去有条件的渲染一块：

{{#if person}}

  Welcome back, <b>{{person.firstName}} {{person.lastName}}</b>!

{{/if}}

如果传递的参数的值是false，Handlebars将不会渲染这块内容。

2. 如果表达式的值是false，我们也可以使用{{else}}来显示模板。

{{#if person}}

  Welcome back, <b>{{person.firstName}} {{person.lastName}}</b>!

{{else}}

  Please log in.

{{/if}}

3. 使用else if

{{#if isAtWork}}

  Ship that code!

{{else if isReading}}

  You can finish War and Peace eventually...

{{/if}}

4. 如果只渲染值是false时的一块，使用{{#unless}}

{{#unless hasPaid}}

  You owe: ${{total}}

{{/unless}}

4. {{#if}}和{#unless}}只是块表达式的例子。这些允许用模板的一部分来调用一个辅助器。块表达式除了在辅助器名称前面添加(#)，并且是关闭的表达式，其他的和普通的表达式一样。

码农公寓