在Angular中，可以使用ngOnDestroy生命周期钩子来实现当页面离开时销毁服务。

首先，创建一个服务，例如名为MyService的服务：

import { Injectable, OnDestroy } from '@angular/core';

@Injectable()
export class MyService implements OnDestroy {
  constructor() {
    console.log('MyService created');
  }
  
  ngOnDestroy() {
    console.log('MyService destroyed');
  }
}

然后，在组件中使用该服务：

import { Component } from '@angular/core';
import { MyService } from './my.service';

@Component({
  selector: 'app-root',
  template: `
    Destroy Service
  `,
  providers: [MyService]
})
export class AppComponent {
  constructor(private myService: MyService) {}
  
  destroyService() {
    this.myService.ngOnDestroy();
  }
}

在上述代码中，我们在组件的构造函数中注入了MyService，并在组件模板中添加了一个按钮，用于手动销毁服务。 当点击“Destroy Service”按钮时，会调用MyService的ngOnDestroy方法，从而触发服务的销毁。

注意，当一个组件被销毁时，Angular会自动调用该组件及其子组件的ngOnDestroy方法。因此，在组件中手动调用服务的ngOnDestroy方法主要适用于需要在特定时机销毁服务的情况。

另外，如果服务中有订阅或定时器等需要手动清理的资源，也应在ngOnDestroy方法中进行清理操作。