返回介绍

模板 - 切换作用域

发布于 2020-02-21 15:48:02 字数 985 浏览 942 评论 0 收藏 0

英文原文:http://emberjs.com/guides/templates/changing-scope/

有些时候,你可能希望在模版中的一个特定部分使用不同的上下文:

例如,通过切换上下文,我们可以不需重复的指定属性的上下文路径,如下所示:

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

我们可以使用{{#with}}助手来简化它,如下所示:

1
2
3
{{#with person}}
  Welcome back, <b>{{firstName}} {{lastName}}</b>!
{{/with}}

{{#with}}切换了区块内的属性的 上下文。默认情况下,一个模板的上下文是其对应的控制器。 通过使用{{#with}}助手,你可以切换在这个区块内的所有Handlebars表达式的上下文。

注意:可以使用"as"关键字,将上下文保存至一个变量供嵌套使用:

1
2
3
4
5
{{#with person as user}}
  {{#each book in books}}
    {{user.firstName}} has read {{book.name}}!
  {{/each}}
{{/with}}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文