返回介绍

理解Ember.js - 模板自动更新

发布于 2020-02-21 15:48:04 字数 1098 浏览 970 评论 0 收藏 0

英文原文:http://emberjs.com/guides/understanding-ember/keeping-templates-up-to-date/

模板自动更新

为了知道当一个属性改变时,HTML中哪一部分需要更新,Handlebars添加了一些具有唯一ID的标签。如果在应用运行期查看过其代码,那么应该见到过如下的元素:

1
2
3
4
My new car is
<script id="metamorph-0-start" type="text/x-placeholder"></script>
blue
<script id="metamorph-0-end" type="text/x-placeholder"></script>.

因为所有的Handlebars表达式均被包裹在这些标签里,请确保所有的HTML标签都是闭合的。例如,不能像下面这样:

1
2
{{! Don't do it! }}
<div {{#if isUrgent}}class="urgent"{{/if}}>

如果不希望输出的属性被这些标签包裹,那么可以使用unbound助手:

1
My new car is {{unbound color}}.

如上输出不会被标签包裹,但是需要注意的是这样的输出不会自动更新!

1
My new car is blue.

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

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

发布评论

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