要解决Angular浏览器后退按钮的HostListener触发两次的问题，你可以使用Location服务来监听浏览器的导航事件。

首先，通过注入Location服务到你的组件中：

import { Component, OnInit } from '@angular/core';
import { Location } from '@angular/common';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {

  constructor(private location: Location) { }

  ngOnInit(): void {
  }

}

然后，在组件的ngOnInit方法中，使用Location服务的onPopState方法来监听浏览器的后退事件：

ngOnInit(): void {
  this.location.onPopState(() => {
    // 处理后退事件的逻辑
    console.log('后退按钮被触发');
  });
}

这样，当用户点击浏览器的后退按钮时，onPopState方法中的回调函数将会被触发。你可以在回调函数中处理后退事件的逻辑。

此方法只会在浏览器的后退按钮被点击时触发一次，解决了HostListener触发两次的问题。