如何编写一个完整的Angular4 FormText组件 - 行业资讯 - 肥雀云

本文主要介绍了如何编写一个完整的Angular4 FormText组件,分享给大家,也给自己留个笔记

组件定义
　　

　　　　　　进口{组件、输出、输入、forwardRef EventEmitter} ' @angular/核心”; 　　进口{ControlValueAccessor, NG_VALUE_ACCESSOR}“@angular/形式”; 　　　　@ component ({ 　　选择器:“文本”, 　　模板: 　　& lt; div比; 　　& lt; label>{{标签}}:& lt;/label> 　　& lt;输入类型=拔谋尽盵(ngModel)]=凹壑怠? 　　占位符="{{占位符}}"比; 　　& lt;/div> 　　”, 　　供应商:[ 　　{ 　　提供:NG_VALUE_ACCESSOR, 　　useExisting: forwardRef(()=祝辞FormTextComponent), 　　多:真　　} 　　] 　　}) 　　出口类FormTextComponent实现ControlValueAccessor { 　　　　@Input()标签:字符串="; 　　@Input()占位符:字符串="; 　　　　@Output ()> 　　& lt;文本[(ngModel)]=耙贫?占位符)=罢嘉环?标签)=氨昵弊４? lt;/form-text> 　　& lt; p>{{移动}}& lt;/p> 　　　　

需要注意的点:

1。需要配置组件的供应商
　　2.需要实现ControlValueAccessor接口
　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。