ember.js - 使用实际的 DOM 元素作为视图

Question

假设我有这样的事情：

<footer>
    <div id="home">
        Lorem ipsu 1 ...
    </div>
    <div id="about">
        Lorem ipsu 2 ...
    </div>
    <div id="plans">
        Lorem ipsu 3 ...
    </div>
</footer>

是否可以创建一个视图，而不是根据模板创建新元素，而是使用三个现有 DOM 元素之一？

Answer 1

简短的回答是否定的，而冗长的回答是无关紧要的，因为为视图创建模板的一个原因是，您可以将上下文（默认为关联的控制器）附加到它，并使上下文属性发生的动态变化反映在看法。当连接到{{outlet}}. 因此，对于您的示例，如果“home”、“about”和“plans”是您的应用程序的三个不同状态，那么您将设置您的模板，如下所示：

模板：

<script type="text/x-handlebars" data-template-name="application">
    <footer>
        <!--Your application template goes here-->
        {{outlet}}
    </footer>
</script>
<script type="text/x-handlebars" data-template-name="home">
    <!--Your home template goes here-->
</script>
<script type="text/x-handlebars" data-template-name="about">
    <!--Your about template goes here-->
</script>
<script type="text/x-handlebars" data-template-name="plans">
    <!--Your plans template goes here-->
</script>