Question

我创建了一个网站，其中有多个面板从屏幕右侧滑入。

我希望能够在每个共享我的网页的面板上放置一个链接，当用户访问该网站时，该特定面板将会打开。

例如：

www.something.com /＃/面板1

将在打开面板1时显示我的页面，同时：

www.something.com /＃/ panel-2将显示我的页面，其中面板2已打开。

最简单的方法是什么？我可以使用简单的html使用Ember，Angular或Backbone的路由器和视图吗？我应该使用像router.js这样的东西吗？

任何帮助，建议或链接都将不胜感激。

Answer 1

当然你可以做到。这是ember.js最强大的品质之一。声明路由后，框架可以自动生成所有相应的控制器和视图（它被称为约定优于配置）。查看示例

Ember.Application.create({});
Ember.Router.map(function(){
    this.route('panel1');
    this.route('panel2');
});


<script type="text/x-handlebars">
    {{link-to 'index' 'index'}}
    {{link-to 'first panel' 'panel1'}}
    {{link-to 'second panel' 'panel2'}}

    <!--your panels will be inserted automatically in the outlet property-->
    {{outlet}}
  </script>

  <script type="text/x-handlebars" data-template-name="panel1">
  panel 1
  </script>
  <script type="text/x-handlebars" data-template-name="panel2">
  panel 2
  </script>

演示：http://jsbin.com/dekixayuxa/1/

实现路线以显示某些视图的最简单方法是什么？

1 个答案: