模版引入自变量应用井号(#)来申明引入自变量。 模版引入自变量一般用于引入模版中的某一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就可以。 如今申请注册 ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() 如何撤销免费下载了 免费下载详细地址早已无效了 h種子无效了,能够更一下吗 good ![]() 沒有电脑上逍遥乐这一微信公众号啊 (责任编辑:admin) |