3

我刚刚编写了非常简单的 Ember 应用程序，构建在 Rails 应用程序之上，使用 Ember 数据并显示、创建和持久化一种实体类型到服务器。一切都使用最新工具（Ember v1.0.0-pre.4-134-gaafb5eb）。

但是，我遇到了一个非常奇怪的问题。我的应用程序有两个视图：实体列表（索引）和用于创建新实体的表单。当我直接输入索引时，一切都显示OK。但是当我转到另一个视图然后返回列表时，该视图不会再次呈现。问题可能出在哪里？

我想这可能是由于我（可能不正确）使用新的 Ember 路由器引起的。所以我在这里粘贴应用程序的重要部分（从我的角度来看）：

路由器：

App.Router.map(function() {
  this.resource('bands', function() {
    this.route('new');
  });
});

App.IndexRoute = Ember.Route.extend({
  redirect: function() {
    this.transitionTo('bands');
  }
});

App.BandsRoute = Ember.Route.extend({
    model: function() {
        return App.Band.find();
    }
});

App.BandsNewRoute = Ember.Route.extend({
    renderTemplate : function(){
        this.render('bands_new',{
            into:'application'
        });
    }
});

链接回列表 - 这不起作用：

App.BandsNewController = Em.ArrayController.extend({
    cancel: function() {
        this.transitionTo('bands');
    }
});

在这里查看整个应用程序：https :
//github.com/pavelsmolka/roommate

我不相信，但它可能是 Ember 本身的错误吗？

4

1 回答 1

4

我认为您在 BandsNewRoute 中的“渲染”调用搞砸了。尝试使用 Ember 默认值让事情变得更顺利。所以我会重构你的应用程序来做到这一点：

（工作小提琴：http: //jsfiddle.net/andremalan/DVbUY/）

除了制作自己的渲染之外，您需要做的只是创建一个“bands”模板（如果需要，它可以完全为空，除了 {{outlet}}）和一个“bands.index”模板。

<script type="text/x-handlebars" data-template-name="application">
    {{outlet}}
</script>


<script type="text/x-handlebars" data-template-name="bands/index">
    <h2>Bands Index</h2>
    {{#linkTo bands.new}}New Band{{/linkTo}}
</script>

<script type="text/x-handlebars" data-template-name="bands">
    <h1>Bands</h1>
    <p>
      {{#linkTo index}}Start Again{{/linkTo}}
      {{#linkTo bands.new}}New Band{{/linkTo}}
    </p>
    {{outlet}}
</script>

<script type="text/x-handlebars" data-template-name="bands/new">
    I'm in new band!
    <a {{action "cancel"}}>Cancel</a>
</script>

您的路线也可以通过这种方式很好地清理：

App.Router.map(function() {
    this.resource('bands', function() {
        this.route('new');
    });
});

App.IndexRoute = Ember.Route.extend({
  redirect: function() {
    this.transitionTo('bands');
  }
});


App.BandsNewController = Ember.Controller.extend({
    cancel: function() {
        this.transitionTo('bands');
    }
});

我希望这会有所帮助！

于 2013-02-10T12:20:32.963 回答