javascript - 如何在 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)'
]