我是靠谱客的博主 粗暴早晨,最近开发中收集的这篇文章主要介绍Handlebars--Particals (Learn more单纯自己翻译 慎看),觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

1.base partials

为了使用partials 必须要通过Handlebars.registerPartial注册,

Handlebars.registerPaitial('myPartial','{{naem}}')

回调这个局部模板的语法:

{{> myPartial }}

2.Dynamic Partials 动态的

通过使用子表达式语法去动态选择局部模板执行是可能的

{{> (whichPaitial) }}

想要得到这个名为whichPartial是由函数返回的值,然后渲染这个partial

子表达式不会解析方程,所以whichPartial必须是一个函数,如果是一个简单的变量并且有partial名,可以通过helper:lookup来解决

{{> (lookup.'myVariable') }}


那时可能的去执行局部模板在一个自定义的上下文通过上下文访问partial

(It's possible to execute partials on a custom context by passing in the context to the partial call.)

{{> myPartial
myOtherContext }}

4.Partial Parameters 参数

自定义数据可以通过Hash交给partial

{{> myPartial
parameter=value }}

当partial执行时把value值给parameter

这对于从父context暴露数据给partial是非常有用的

{{> myPartial name=../name }}


5.Partial Blocks(看的一脸懵逼)

当试图渲染一个partial没有执行抛出的异常是正常的表现?

如果故障转移希望被替代,partial应该使用块语法:

{{#> myPartial }}
Failcier content
{{/myPartial }}

如果myPartial partial没有被注册也能执行Fialover content(???握草 一脸懵逼)

{{#> layout }}
My Content
{{/layout}}

Site Content {{> @partial-block }}将执行
Site Content My Content

Depthed paths and block parameters operate relative to the partial block rather than the partial template.(不会!)

{{#each children as |child|}}
{{#> childEntry}}
{{child.value}}
{{/childEntry}}
{{/each}}


6.Inline Partials

templates能定义动态范围的块partial通过inline装饰器

{{#*inline "myPartial"}}
My Content
{{/inline }}
{{#each children}}
{{> myPartial}}
{{/each}}
为each child渲染myPartail partial

任何内敛的partial都是可用的对于当前的block和他所有的children,包括执行其他partials

它允许layout templates和类似的功能functionalty

{{#> layout}}
{{#*inline "nav"}}
My Nav
{{/inline }}
{{#*inline "context"}}
My Content
{{/inline}}
{{/layout}}

布局:

<div class="nav">
{{> nav}}
</div>
<div class="content">
{{> content}}
</div>


最后

以上就是粗暴早晨为你收集整理的Handlebars--Particals (Learn more单纯自己翻译 慎看)的全部内容,希望文章能够帮你解决Handlebars--Particals (Learn more单纯自己翻译 慎看)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(63)

评论列表共有 0 条评论