如何为Polymer中的url更改设置观察者？

Question

非常简单的问题，我想在url在自定义元素中更改时执行某些操作。

目前我有：

Polymer({
    is: 'my-element',
    properties: {
        ...
    },
    listeners: {
        'playbutton.tap': 'playbuttonTap'
    },
    playbuttonTap: function(e) {
        document.getElementById('playbutton').style.display = "none";
    },
    observers: [
        '_routePageChanged()'
    ],
    _routePageChanged: function() {
        console.log('STOP MOVIE')
    }
});

但这不起作用。

Answer 1

您的_routePageChanged观察员实际上并未观察到某个属性......

我建议添加一个元素来观看地址栏，例如<app-route>：

<app-location route="{{route}}"></app-location>

然后您可以观察route.path属性的任何更改，如下所示：

observers: [
  '_routeChanged(route.path)'
]