聚合物-如何从<a>标签

Polymer - How to go to another view from an <a> tag?

本文关键字：gt 标签 lt 聚合物      更新时间：2023-09-26

如果有人已经问过这个问题，我会尽力搜索，但我做不到。

我正在尝试使用Polymer从我的html代码链接到标记中的另一个视图（使用href）。我对这项技术的概念很陌生，尽管它看起来很容易使用。我试过使用routing.html，但我对这个脚本的最佳使用没有明确的概念。

所以我希望有人能给我一些指导，告诉我在这种情况下该读什么或该做什么。

这正是我想要做的：

<div class="retrieve_link">
    <a href="#" on-click="gototest">Recuperar Contraseña</a>
</div>

javascript部分：

(function() {
'use strict';
Polymer({
  is: 'avipavo-signin',
  properties: {
  },
  gototest : function(){
      app.route = "managepass";
  }
});

})（）；

和路由。html:

page('/managepass',function(){
    console.log("managepass");
    app.title = 'Nueva Contraseña';
    app.route = 'managepass';
    app.shortView = true;
});

向大家致以最良好的问候！

我知道Polymer/WebComponents的两个流行路由组件：

Erik Ringsmusth的应用路由器是用于路由的本地web组件。适用于基于聚合物的应用程序。

聚合物团队的碳路线是一种更新颖、更模块化的方法。在聚合物博客上阅读一篇关于carbon-route的文章：https://blog.polymer-project.org/announcements/2016/03/28/carbon-route-released/

要转到managepass路由，请将<a>标记更改为跟随
<a href="#!/managepass">Recuperar Contraseña</a>

起始#!与hashbang: true在一起。

使用page.js导航路线的方法是使用路线的简单链接。

您（在JS部分）尝试过以下操作吗？

(function() {
  'use strict';
    Polymer({
      is: 'avipavo-signin',
      properties: {
      },
      gototest : function(){
          page('/managepass');
      }
    })
})();

来源：https://visionmedia.github.io/page.js/--page(path)：导航到给定的路径。使用这种方法，您不必担心是否使用hashbang。

相关文章：