Javascript 要在Ember应用程序中创建选项卡吗

我是全新的余烬移动应用程序

我正试图用板条箱装标签，但我做不到

我的.hbs文件

<div class="tabpanel">
    <div class="tabs">
      <div {{action "goToFirstTab"}}>First tab</div>
      <div {{action "goToSecondTab"}}>Second tab</div>
    </div>
    {{outlet}}
  </div>

第一选项卡
第二选项卡
{{outlet}}

当我点击它时，它将进入另一个屏幕。 我需要它，就像我将点击选项卡时，它应该在同一屏幕上，即切换

---

提前感谢。

我建议您为此使用嵌套路由

这就是你的路由器：

this.route('tabbing', function() {
  this.route('tab1');
  this.route('tab2');
});

然后在您的

选项卡.hbs

：

<div class="tabpanel">
  <div class="tabs">
    {{#link-to 'tabbing.tab1' tagName="div"}}First tab{{/link-to}}
    {{#link-to 'tabbing.tab2' tagName="div"}} Second tab{{/link-to}}
  </div>
  {{outlet}}
</div>

{{{#链接到'tabbing.tab1'tagName=“div”}}第一个选项卡{{/link to}
{{{#链接到'tabbing.tab2'tagName=“div”}第二个选项卡{{/link to}
{{outlet}}

---

将选项卡内容放入子例程中。所以

tab1.hbs

和

tab2.hbs

。因此，

tabbing.hbs

的内容将始终存在，并且tab1和tab2的内容将被切换。

以下是一些关于在Ember中实现选项卡的资源和插件：

• 插件：没有路由的选项卡（选择选项卡不会转换为路由）
• 插件：一个（非常）完整的插件，支持标签（和路由）

IMHO使用路线始终是最佳选择

下面是关于在Ember中使用routes实现选项卡的更完整的讨论：

---

希望它有帮助

好的，那么我需要在我的js文件中添加制表功能，它在route目录中？你在你的

router.js

中指定路由。它给我synatx错误。它不能与js文件一起工作：（：）请帮助我。你能给我一步一步的代码吗？我需要在我的hbs文件中添加什么，js文件。