angular2 自定義雙向綁定屬性

import { Component, OnInit, Output, Input, EventEmitter } from '@angular/core';
 
@Component({
  selector: 'app-test',
  template: `
   <div [title] ="value">{{value}}</div>
  `
})
export class TwoWayComponent implements OnInit {
  constructor() { }
 
  val: string;
  @Output() valueChange = new EventEmitter();
 
  @Input()
  get value() {
    return this.val;
  }
  set value(params) {
    this.value = params;
    this.valueChange.emit(this.value);
  }
 
  ngOnInit() {
 
  }
}

　固定規則： 屬性名 + 后綴 Change是一個雙向綁定的固定寫法。　

　　使用時，就可以通過[(value)]=“你的當前屬性” 進行雙向綁定了