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 婆婆高寿祝福语大全简短