防止弹出模板在ArcGIS 4.16 Angular 10中显示多个功能

在ArcGIS 4.16 Angular 10中，防止弹出模板显示多个功能的方法是通过使用Angular的模板引用变量和条件语句来控制弹出模板的显示。

首先，需要在HTML模板中定义一个模板引用变量，例如：

<ng-template #popupTemplate>
  <!-- 弹出模板内容 -->
</ng-template>

然后，在组件的代码中，可以使用ViewChild装饰器来获取模板引用变量，并在需要显示弹出模板的地方进行条件判断，例如：

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

@Component({
  selector: 'app-map',
  templateUrl: './map.component.html',
  styleUrls: ['./map.component.css']
})
export class MapComponent {
  @ViewChild('popupTemplate') popupTemplate: any;
  showPopup: boolean = false;

  togglePopup() {
    this.showPopup = !this.showPopup;
  }
}

在上述代码中，ViewChild装饰器用于获取模板引用变量popupTemplate，showPopup变量用于控制弹出模板的显示与隐藏。togglePopup方法用于切换showPopup变量的值，从而控制弹出模板的显示状态。

最后，在需要显示弹出模板的地方，可以使用ngIf指令来根据showPopup变量的值进行条件判断，例如：

<button (click)="togglePopup()">Toggle Popup</button>

<div *ngIf="showPopup">
  <ng-container *ngTemplateOutlet="popupTemplate"></ng-container>
</div>

在上述代码中，点击"Toggle Popup"按钮会触发togglePopup方法，从而切换showPopup变量的值。当showPopup为true时，ngIf指令会将弹出模板显示出来。

这样，就可以通过控制showPopup变量的值来控制弹出模板的显示与隐藏，从而防止在ArcGIS 4.16 Angular 10中显示多个功能。