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是一个约定的固定写法。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
热门推荐
10 新人红包祝福语简短精辟
11 幼师给毕业祝福语简短
12 生日高考祝福语妹妹简短
13 下飞机祝福语简短英文
14 元宵发客户祝福语简短
15 爸妈金婚文案祝福语简短
16 新郎朋友红包祝福语简短
17 虎年五一祝福语大全简短
18 出阁宴祝福语姐姐简短