Javascript EmberJS模板组件突然无法在页面上呈现

我正在学习Ember教程，突然遇到了一个问题，我的

租赁清单.hbs

模板组件停止渲染。它开始于我开始实施

我不明白这会发生在哪里。我从我认为相关的部分复制了代码，但并没有用

我有一个

rental.hbs

模板，看起来是这样的：

<div class="jumbo">
  <div class="right tomster"></div>
  <h2>Welcome!</h2>
  <p>We hope you find exactly what you're looking for in a place to stay.</p>
  {{#link-to "about" class="button"}}
    About Us
  {{/link-to}}
</div>
{{outlet}}

我在上面添加的唯一内容是行

，但是如果我删除它，它仍然不起作用

控制台没有显示任何错误，我可以看到我正在从Mirage获得我想要的三个虚拟对象：

所以我确实得到了对象，从我看到的我正在做模板中所有必要的事情来渲染它，但它们不是。我应该找别的地方吗？

<LocationMap @location={{this.rental.city}}/> 
to be written as below
<LocationMap @location={{this.rentals.city}}/>

如下

可能是打字错误。 对该模板中的任何位置也重复此操作。

---

由于控制台中的型号名称是

rentals

而不是

rent

因此，您能否提供指向示例的链接？通过让您提到的每一个余烬应用程序片段，最好明确回答。我可以用调试模板的策略给出一个一般性的答案

ember.js背后的惯例使得理解“为什么”一开始令人沮丧，而且可能是不透明的。Ember的handlebars实现使用非常特定的规则控制如何在模板中填充和访问值。根据模板是用于管线还是构件，Ember对模板（把手文件）的处理方式有所不同。组件具有独立的上下文，必须通过显式或。然后，您可以通过使用

{{this.somePassedInValue}}

访问这些属性，在组件的模板中使用这些值

在

super-rentals

应用程序中，似乎租金索引路由调用了负责显示单个单元的组件。这是我在家里找到的

路由模板在

filteredResults

列表上迭代。每一个都是

rentalUnit

。好的第一步是使用

{{log}

打印出

rentalUnit

的值，以确保它是您期望的值

---

或者，您可以尝试从主分支一步一步地克隆和应用要进行的更改。通过这样做，您可以轻松撤消单个更改，以查看导致某些内容未按预期显示的原因。

我不认为这实际上是打字错误。如果您查看中的示例结构。路由调用组件，该组件填充

rent

，以便在组件的模板中使用。

<LocationMap @location={{this.rental.city}}/> 
to be written as below
<LocationMap @location={{this.rentals.city}}/>

 <li><RentalListing @rental={{rentalUnit}} /></li>