Question

到目前为止我有3条路线：

index
get-started
lets-design

来自router.js：

  this.route('get-started');
  this.route('lets-design');

从索引我做：

  {{#link-to 'get-started' class="btn btn-primary"}}Get started{{/link-to}}

然后带我进入一个新的入门页面。大。

从入门开始，我做了：

  {{#link-to 'lets-design' class="btn btn-primary"}}Get started!{{/link-to}}

这让我看到了let-design中的文字“let's design”，但是它位于该模板中的“get started”文本之上。

如何转换为仅显示let设计模板中的内容？为什么要在get-started页面上添加它？例如，它将内容附加到视图中，我只想要像索引中的初始点击一样进行新的转换。

generated -> controller:get-started Object {fullName: "controller:get-started"} ember.js:3231
Rendering get-started with default view <appkit@view:default::ember334> Object {fullName: "view:get-started"} ember.js:3231
Transitioned into 'get-started' ember.js:3231
generated -> controller:lets-design Object {fullName: "controller:lets-design"} ember.js:3231
Rendering lets-design with default view <appkit@view:default::ember357> Object {fullName: "view:lets-design"} ember.js:3231
Transitioned into 'lets-design' ember.js:3231

当我从let的设计回到索引时，内容重复3次。这是为什么？

回购：https://github.com/ecl1pse/ember-transition-help

Answer 1

错误的HTML（模板中不匹配的标签）通常是导致此问题的原因。在你刚开始使用的情况下，你有一个开头的ul标签，但它没有匹配的结束标签。

https://github.com/ecl1pse/ember-transition-help/blob/master/app/templates/get-started.hbs#L17

在插座和Ember上混淆

1 个答案: