整理文檔，搜刮出一個Angular 2實現自定義 雙向綁定 屬性的代碼，稍微整理精簡一下做下分享。

import { Component, OnInit, Output, Input, EventEmitter } from '@angular/core';

@Component({

selector: 'twoway',

template: `

Hello {{username}}!

`

})

export class TwoWayComponent implements OnInit {

constructor() { }

usernameValue: string;

@Output() usernameChange = new EventEmitter();

@Input()

get username() {

return this.usernameValue;

}

set username(val) {

this.usernameValue = val;

this.usernameChange.emit(this.usernameValue);

}

ngOnInit() {

}

}

使用時，就可以通過[(username)]=“你的當前屬性” 進行雙向綁定了。屬性名 + 后綴 Change是一個約定的固定寫法。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

本條技術文章來源于互聯網，如果無意侵犯您的權益請點擊此處反饋版權投訴

本文系統來源：php中文網

總結

以上是生活随笔為你收集整理的angular 绑定自定义属性_Angular2实现自定义双向绑定属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。