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 生日广州男生祝福语简短