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)]=“你的当前属性” 进行双向绑定了