离子滑块-活动页面上的活动项目

Question

我有一个在很多页面上都会重复的内容。 还有一个标题组件，我想在其处于活动状态时对其进行修改。

事实证明，这在第一页上可行。但是在第二页上，由于所有内容都已加载到DOM中，因此它将继续拾取在第一页上加载的项目。

这是我的代码：

@Directive({
selector: '[header-dynamic]',
host: {
    "(ionScroll)": "isScrolling($event)"
}
})
  export class HeaderDinamicoDirective {

@Input("title")
public title: string;

@Output()
onTitle = new EventEmitter();

constructor() { }

isScrolling(event){
const top = document.querySelector('.titulo-content-ativo').getBoundingClientRect().top;
this.onTitle.emit(top <= 45 ? this.title : ""); }

我想从页面1中获得活动标题，而在视图中则获得标题2。但是那样一来，他总会获得冠军头衔。

有人知道如何帮助我吗？