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

import { Component, OnInit, Output, Input, EventEmitter } from '@angular/core';@Component({  selector: 'twoway',  template: `    <input [(ngModel)]="username">    <p>Hello {{username}}!</p>  `})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是一個約定的固定寫法。

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