0

在我的 Ember 应用程序中，我使用从 Discourse 联合创始人的博客文章http://eviltrout.com/2013/02/27/adding-to-discourse-part-1.html复制的 ajax 调用获得了所有餐厅的列表

App.Restaurant.reopenClass({

  findAll: function() {

     return $.getJSON("restaurants").then(
      function(response) {
        var links = Em.A();
        response.restaurants.map(function (attrs) {
          links.pushObject(App.Restaurant.create(attrs));
        });
        return links;
      }
    );
   },

我设置了一条餐厅路线，它调用上面显示的 findAll 并将其呈现到应用程序模板中

App.RestaurantsRoute = Ember.Route.extend({
 model: function(params) {
    return(App.Restaurant.findAll(params));

  },

  renderTemplate: function() {

    this.render('restaurants', {into: 'application'});
  }

});

餐厅显示为这样的restaurants模板，其中包含指向每个单独餐厅的链接。我还包括了restaurant模板

<script type="text/x-handlebars" id="restaurants">

  <div class='span4'>
      {{#each item in model}}
      <li> {{#link-to 'restaurant' item}}
      {{ item.name }} 
      {{/link-to }}</li>
    {{/each}}

         </ul>
     </div>

  <div class="span4 offset4">
   {{ outlet}}
   </div>

</script>

在 Ember 路由器中，我设置了这样的父/子路由

 this.resource("restaurants", function(){
         this.resource("restaurant", { path: ':restaurant_id'});

     });

因此，我希望当我单击餐厅列表中特定餐厅的链接时，它会将此restaurant模板插入到（复数）模板中outlet定义的restaurantS

<script type="text/x-handlebars" id="restaurant">
         this text is getting rendered
      {{ item }} //item nor item.name are getting rendered         
</script>

此餐厅模板正在呈现，但是，item没有显示数据。

当我{{#link-to 'restaurant' item}}在列表中单击时，item代表那家餐厅。

在此设置中，Ember 是否需要进行另一个 ajax 调用来检索该特定项目，即使它已经从findAll调用中加载？

如果我确实需要（再次）查询单个餐厅，我为单个餐厅创建了一条新路线

App.RestaurantRoute = Ember.Route.extend({
  model: function(params) {
    console.log(params);
    console.log('resto');
    return App.Restaurant.findItem(params);
  }

});

以及 Restaurant 模型上的 findItem

App.Restaurant.reopenClass({

findItem: function(){
    console.log('is this getting called? No...');
    return 'blah'
  }

但是这些 console.logs 都没有被调用。

在 Ember 入门视频https://www.youtube.com/watch?v=1QHrlFlaXdI中，当 Tom Dale 从列表中单击博客文章时，该文章会出现在为其定义的模板中，而他无需执行任何其他操作在帖子模板中设置路线（就像我一样）和 {{outlet}} 以接收帖子。

你能明白为什么在这种情况下同样对我不起作用吗？

4

1 回答 1

0

当您导航到该restaurant路线时，该路线item将成为model该路线。

所以在你的模板中，如果你尝试 

  <script type="text/x-handlebars" id="restaurant">  
     this text is getting rendered  
  {{ model.name }}      
  </script>

您将能够看到餐厅的名称

而且模型钩子也没有被调用，并且进一步console.log的s不起作用，
因为

注意：具有动态段的路由只有在通过 URL 输入时才会调用其模型挂钩。如果路线是通过转换进入的（例如，当使用链接到 Handlebars 帮助器时），则已经提供了模型上下文并且不会执行挂钩。没有动态段的路线将始终执行模型挂钩。

希望现在一切都清楚了。

于 2013-09-11T03:40:28.263 回答