如何在angular应用程序中订阅iframe位置更改？

Question

我有一个带有iframe元素的组件。我将src属性设置为原始url，用户可以从那里导航。我想订阅用户导航到的新位置，假设它们在同一个域上。在非angular解决方案中，他们描述了在iframe上放置onload事件，但是在angular中在iframe上放置（load）事件似乎只在初始化时触发一次，而不是像我希望的那样，每次在iframe内有导航事件时都触发一次。我做了一个非常丑陋的解决方案：

    Observable
      .interval(200)
      .map(x => this.iframe.nativeElement.contentWindow.location.pathname)
      .distinctUntilChanged()
      .subscribe(url => {
        console.log(url);
      });

但至少可以说，这似乎是次优的。有没有不涉及投票的更好的解决方案？

Answer 1

最后，我不需要这样做，因为我的iframe中的代码知道url何时更改，我可以控制它。因此，在url更改事件上，我可以向iframe父级发送消息。所以这比投票好得多，这是真正的实时。