无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻动态 > 行业新闻 >

在ts文档中应用Angular模版引入自变量(#var)的方

时间:2021-03-27 05:11来源:未知 作者:jianzhan 点击:
模版引入自变量应用井号(#)来申明引入自变量。模版引入自变量一般用于引入模版中的某一DOM原素,它能够引入Angular部件或命令或 Web Component。大家能够在当今模版的一切地区应用模版

 

在ts文件中使用Angular模板引用变量(#var)的方法

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

模版引入自变量一般用于引入模版中的某一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就可以。


如今申请注册 嬴政天下Adobe CC 2020.x简体中文Mac/Win版软件集合特别版、大师版集合免费下载嬴政天地Adobe CC 2020.x接下来汉语Mac/Win版手机软件结合非常版、高手版结合完全免费免费下载06-032评价 Angular路由: 如何在路由导航之间页面加载时显示loading加载动画效果Angular路由器: 怎样在路由器导航栏中间网页页面载入时显示信息loading载入动漫实际效果03-041评价 angular 对象属性变化,如何对象触发对象change事件angular 目标特性转变,怎样目标开启目标change恶性事件03-02 如何清除WordPress缓存怎样消除WordPress缓存文件01-20 受欢迎强烈推荐嬴政天下 Adobe CC Family 2015(CC 2015.5) v6.3#2 大师版 最终版 特别版 最新免费下载地址嬴政天地 Adobe CC Family 2015(CC 2015.5) v6.3#2 高手版 最后版 非常版 全新完全免费免费下载详细地址07-17647评价 赢政天下 Adobe CC Family 2014 V4.7 Final 大师版 最终纪念版 最新免费下载地址赢政天地 Adobe CC Family 2014 V4.7 Final 高手版 最后留念版 全新完全免费免费下载详细地址11-22285评价 【免费】全面优化增强,颠覆原版,精品wordpress主题:Sahifa 4.3.0中文增强版【完全免费】全方位提升提高,颠复正版,经典wordpress主题风格:Sahifa 4.3.0汉语提高版01-26114评价 赢政天下Adobe Acrobat Pro DC (CC 2015) XI11 多国语言特别版特别版免费下载(持续更新)赢政天地Adobe Acrobat Pro DC (CC 2015) XI11 多个国家語言非常版非常版完全免费免费下载(不断升级)06-24103评价 Adobe Photoshop CC 2015.5 嬴政天下 64位 独立特别版最新免费下载地址Adobe Photoshop CC 2015.5 嬴政天地 64位 单独非常版全新完全免费免费下载详细地址06-2474评价 地球上拜访者 全新评价&£魔鬼♚ 07-19说:
如何撤销免费下载了&£魔鬼♚ 07-19说:
免费下载详细地址早已无效了Devil丶Banana 07-15说:
h種子无效了,能够更一下吗梦醒闲暇 07-08说:
good帥得否橡話 07-06说:
沒有电脑上逍遥乐这一微信公众号啊 (责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信