angular2 自定义双向绑定属性

最新推荐文章于 2024-10-16 16:26:58 发布

weixin_30827565

最新推荐文章于 2024-10-16 16:26:58 发布

阅读量110

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/flxy-1028/p/7844538.html

版权

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

转载于:https://www.cnblogs.com/flxy-1028/p/7844538.html