Polymer app-route:到同一页面的多条路由?

时间:2017-02-10 19:18:52

标签: routing polymer

是否有内置方法可将多个可能的链接路由到同一个"页面"?

例如,我有一个' /'通过将该路由的活动属性绑定到正在观察的名为landing-active的属性来加载着陆页的路由。我可以想到允许聚合路由的最简单的方法是为新路由创建另一个app-route元素,并将其活动属性绑定到与' /'相同的登陆活动属性。路线。

是否有更好/不同的处理方法,或者我应该坚持使用我的方法?

修改:我尝试了我的方法,但它不起作用。这是我原来的路线:

<app-route
  id='landing-route'
  route='{{route}}'
  pattern='/'
  active='{{landing-active}}'>
</app-route>

如果我只是通过更改模式和ID来添加替代路线,那么&#39; /&#39;路线不再有效。更改新路由上的活动绑定可修复此问题,但也不再允许它按预期进行路由。所以我的结论是,我不能将相同的属性绑定到两个单独的app-route元素的active属性,所以我的路由方法不起作用。

我有哪些替代方案?

1 个答案:

答案 0 :(得分:1)

  • 选项1:为您的两个active使用两个单独的<app-route>变量,并测试任一变量(例如,使用计算的binding } / property)。

  • 选项2:使用其他路由器组件。 <nebula-routing>可能是IMO的最佳选择,因为它具有与<app-route>类似的API并支持路由模式中的正则表达式。