要在具有多个实例的组件上应用点击外部指令，你可以使用Angular中的HostListener和HostBinding装饰器。这些装饰器允许你监听宿主元素上的事件，并在宿主元素上绑定属性。

下面是一个示例，演示如何在具有多个实例的组件上应用点击外部指令：

1. 创建一个名为ClickOutsideDirective的指令：

import { Directive, ElementRef, Output, EventEmitter, HostListener } from '@angular/core';

@Directive({
  selector: '[appClickOutside]'
})
export class ClickOutsideDirective {
  @Output() clickOutside = new EventEmitter();

  constructor(private elementRef: ElementRef) { }

  @HostListener('document:click', ['$event.target'])
  onClick(targetElement: any) {
    const clickedInside = this.elementRef.nativeElement.contains(targetElement);
    if (!clickedInside) {
      this.clickOutside.emit();
    }
  }
}

2. 在要应用该指令的组件模板中使用指令：

3. 在组件类中定义一个方法来处理点击外部事件：

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
  onClickedOutside() {
    console.log('Clicked outside the component');
  }
}

这样，当在组件外部点击时，clickOutside事件会触发，并且会调用组件类中的onClickedOutside方法。

通过这种方式，你可以在具有多个实例的组件上应用点击外部指令，并根据需要处理点击外部事件。