首页 > 其他分享 >Angular (四) | 创造属性指令-15

Angular (四) | 创造属性指令-15

时间:2024-05-29 17:44:30浏览次数:24  
标签:15 绑定 选择器 获取 指令 使用 Angular 属性

1.简单属性指令的创建

@Directive 装饰器类似于@Component 先创建选择器 select

创造函数里的实参为DOM元素值

directive 和 component 在ngMoudule 里声明在一起

2.获取元素属性值

@Attribute 在constructor获取属性值的参数

3.输入属性

可以通过指令的选择器直接获取参数值,但在指令类里使用@Input来获取属性

4.响应输入属性变化

在指令类里使用ngOnchange了获取属性的变化,通过变化来改变宿主元素的外观

5.输出属性

可以通过@Output 来发出属性传给宿主组件类的方法

6.可以使用angular自带的装饰器

@HostBinding 来绑定属性

@HostListener 来绑定方法

7.可以定义双向数据绑定

选择器和事件绑定的名字相同就可以使用“香蕉盒”来实现双向数据绑定

8.指令的模板变量

可以使用exportsAs 来导出指令类,可以在引用处使用#prModel来导出模板变量

标签:15,绑定,选择器,获取,指令,使用,Angular,属性
From: https://www.cnblogs.com/rushintocloud/p/18220773

相关文章

  • Educational Codeforces Round 151 (Rated for Div. 2) E
    链接凌晨两点半突然醒了。。然后睡不着了。。躺了一个半小时决定起来啃题解。花了一个小时弄懂了。但是要怎么自己想到还没想好。这个属于计数dp的范围了,我不是很熟悉了。题目大意:有n个盒子,里面装了一些球,球的数量大于等于1且小于n。可以进行一种操作,每次操作可以把一个球移......
  • GB-T 7714-2015
    [1]刘加林、多功能一次性压舌板:中国,92214985.2IP]1993-04-14.[2]河北绿洲生态环境科技有限公司.一种荒漠化地区生态植被综合培育种植方法:中国,01129210.5[P/OL].2001-10-24[2002-05-28].htp:/211.152.9.47/sipoasp/zlijs/hyjs-yxnewasp?recid=0129210.5&leixin.[3]KOSEKIA,M......
  • Linux常用指令
    1.tmux常用指令tmux是一个terminalmultiplexer(终端复用器),它可以启动一系列终端会话。我们使用命令行时,打开一个终端窗口,,会话开始,执行某些命令如npmrundev,关闭此终端窗口,会话结束,npmrundev服务会话随之被关闭。有时我们希望我们运行的服务如npmrundev或者一些cd命令等......
  • AP8215 低功耗 PFM DC-DC 升压芯片
    描述: AP8215系列DC/DC芯片是采用CMOS工艺制造的低静态电流的PFM开关型DC/DC升压转换器。该系列芯片采用先进的电路设计和制造工艺,极大地改善了开关电路固有的噪声问题,减小对周围电路的干扰。输出电压为2.0V~7.0V(按0.1V的级差),振荡频率为180KHz(典型值)。对内......
  • 提速15%,PaddleOCRSharp新版v4.3发布
    PaddleOCRSharpv4.3版本,已经于5月23日发布。该版本的发布,在不影响识别精度的同时,带来了10%~15%速度的提升。项目地址:https://gitee.com/raoyutian/PaddleOCRSharp项目简介PaddleOCRSharp 作者是广州英田信息科技有限公司的创始人明月心(raoyutian) ,是一个基于百度飞桨Padd......
  • 2 SAP前台操作手册-MM模块-采购管理-(标准/委外/寄售)采购信息记录创建、修改、显示、
    0总体说明SAP实施项目中,到了第3个阶段-系统实现,在这个阶段,因为蓝图汇报已经结束,配置也差不多完成了,自开发还在进行中,SAP标准功能下,可以进行基础业务的前台操作了,在实现阶段的尾端,客户指定的关键用户(俗称KU-KeyUser)会进行前台业务操作和练习,提高熟练程度,同时需要在外部SAP顾......
  • Nginx R31 doc-15-Live Activity Monitoring 实时活动监控
    前言大家好,我是老马。很高兴遇到你。我们为java开发者实现了java版本的nginxhttps://github.com/houbb/nginx4j如果你想知道servlet如何处理的,可以参考我的另一个项目:手写从零实现简易版tomcatminicat手写nginx系列如果你对nginx原理感兴趣,可以读一下从......
  • 代码随想录算法训练营第七天|454(四数相加||),383(赎金信),15(三数之和),18(四数之和)
    哈希三数之和和四数之和,和两数之和一样,是对一个数组来进行检索。因为要求元组不能重复,需要用多指针的方法来遍历和判断。由于两数之和没有这个要求且要返回下标,所以用了哈希表。但哈希表难以检测是否重复,不如双指针直接。四数相加||是对四个数组来做相加,且不要求元组重复,可用哈......
  • Linux常用指令(包括文件、目录,系统、网络、磁盘等)
    一、文件和目录操作1.cd格式:cd [dirName]功能:切换当前目录至dirName说明:dirName为可选,默认为登录用户指定文件夹(一般为/home/用户名)。dirName既可以为绝对路径,即以根目录(‘/’)为起始,如/home、/usr;也可以为相对路径(‘../'),如../target(当前路径上一层文件夹的target目录)。2......
  • Fine-tuning in LLaVA:多模态的指令调优
    1Prerequisites1.1TrainingMethods训练方法通常分为三种:提示工程、微调和预训练。1.1.1PromptEngineering不需要重新训练模型,节省成本。1.1.2Fine-tuning微调和预训练的代码基本相同,但是计算量相对小很多。1.1.3Pre-training大规模数据集上训练,得到的是一个未加调......