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是一个约定的固定写法。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。