模版引入自变量应用井号(#)来申明引入自变量。

模版引入自变量一般用于引入模版中的某一DOM原素，它能够引入Angular部件或命令或 Web Component。

大家能够在当今模版的一切地区应用模版引入自变量。

实例：

 p-menu #menu [popup]="true" [model]="items" /p-menu 
 button type="button" pButton icon="fa fa-fw fa-list" label="Show" (click)="menu.toggle($event)" /button 

你可以以在模版中的一切地区引入模版引入自变量。 例如申明在  p-menu  上的 menu自变量便是在模版另外一侧的  button  上应用的。

之上就是我们应用primeng UI 部件库,弹出来莱单的应用方式。

因为有时候候大家要想做一些分辨，或是鼠标右键莱单这类的，也不能立即用这一了。

根据前边的实例大伙儿都了解了，primeng  menu莱单弹出来全是用的模版引入自变量来做的。

由于大家逻辑性分辨全是在ts中。因而必须有方式来启用模版引入自变量。

这儿大家用到到angular装饰设计器ViewChild。在模版相匹配部件TS中界定：

import { Component, ViewChild, AfterViewInit } from '@angular/core';
//假定的。这儿引进你采用的menu部件类
import { Menu } from "primeng/menu";
@Component({
selector: 'app-xxx',
',
styleUrls: ['./ponent.css']
export class XXXComponent implements AfterViewInit {
// 莱单部件案例
@ViewChild("rightClicktMenuPopup", { static: true }) rightClicktMenuPopup: Menu;
constructor() {}
ngAfterViewInit(){
//网页页面部件原始化后启用
this.rightClicktMenuPopup.toggle(event)
}

如上所显示大家就取得成功在网页页面部件原始化后启用了莱单弹出来。

假如必须在别的ts中启用，ponent就可以。