Angular2实现自定义双向绑定属性
整理文档，搜刮出一个Angular2实现自定义双向绑定属性的代码，稍微整理精简一下做下分享。
import{Component,OnInit,Output,Input,EventEmitter}from'@angular/core';
@Component({
selector:'twoway',
template:`
Hello{{username}}!
`
})
exportclassTwoWayComponentimplementsOnInit{
constructor(){}
usernameValue:string;
@Output()usernameChange=newEventEmitter();
@Input()
getusername(){
returnthis.usernameValue;
}
setusername(val){
this.usernameValue=val;
this.usernameChange.emit(this.usernameValue);
}
ngOnInit(){
}
}
使用时，就可以通过[(username)]=“你的当前属性”进行双向绑定了。属性名+后缀Change是一个约定的固定写法。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
热门推荐
6 保研的祝福语简短
10 年轻20岁祝福语简短
11 朋友结婚祝福语信息简短
12 女孩婚礼贺卡祝福语简短
13 30段点歌简短祝福语
14 虎年春节祝福语图文简短
15 写给后妈祝福语大全简短
16 简短回复生日祝福语
17 校长送毕业祝福语简短
18 毕业立体贺卡祝福语简短