Angular2实现自定义双向绑定属性

整理文档，搜刮出一个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是一个约定的固定写法。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# angularjs  # 双向绑定  # angular双向数据绑定  # angularjs2  # Angular4学习教程之DOM属性绑定详解  # 详解Angular2学习笔记之Html属性绑定  # Angular4学习教程之HTML属性绑定的方法  # 是一个  # 自定义  # 定了  # 绑定  # 大家多多  # 就可以  # 文档  # Output  # Input  # Component  # OnInit  # core  # selector  # EventEmitter  # angular  # import  # br  # Change 

相关文章： 建站主机选哪家性价比最高？  建设网站制作价格,怎样建立自己的公司网站？  如何在云服务器上快速搭建个人网站？  如何在阿里云高效完成企业建站全流程？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  北京网站制作的公司有哪些,北京白云观官方网站？  建站之星如何通过成品分离优化网站效率？  建站为何优先选择香港服务器？  小建面朝正北，A点实际方位是否存在偏差？  相册网站制作软件,图片上的网址怎么复制？  C#怎么使用委托和事件 C# delegate与event编程方法  建站VPS能否同时实现高效与安全翻墙？  如何在IIS中新建站点并解决端口绑定冲突？  如何用IIS7快速搭建并优化网站站点？  建站之星后台管理：高效配置与模板优化提升用户体验  如何在搬瓦工VPS快速搭建网站？  导航网站建站方案与优化指南：一站式高效搭建技巧解析  实惠建站价格推荐：2025年高性价比自助建站套餐解析  如何快速搭建支持数据库操作的智能建站平台？  如何彻底卸载建站之星软件？  无锡营销型网站制作公司,无锡网选车牌流程？  如何快速搭建虚拟主机网站？新手必看指南  PHP 500报错的快速解决方法  如何在万网自助建站平台快速创建网站？  如何在建站宝盒中设置产品搜索功能？  C++如何使用std::optional？（处理可选值）  宝塔面板创建网站无法访问？如何快速排查修复？  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？  如何在阿里云完成域名注册与建站？  如何用好域名打造高点击率的自主建站？  如何通过PHP快速构建高效问答网站功能？  威客平台建站流程解析：高效搭建教程与设计优化方案  网站制作费用多少钱,一个网站的运营，需要哪些费用？  建站之星如何保障用户数据免受黑客入侵？  商务网站制作工程师,从哪几个方面把握电子商务网站主页和页面的特色设计？  小型网站制作HTML,*游戏网站怎么搭建？  建站VPS推荐：2025年高性能服务器配置指南  香港服务器如何优化才能显著提升网站加载速度？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  Android滚轮选择时间控件使用详解  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  网站制作网站,深圳做网站哪家比较好？  如何选择PHP开源工具快速搭建网站？  如何在新浪SAE免费搭建个人博客？  做企业网站制作流程,企业网站制作基本流程有哪些？  如何制作算命网站,怎么注册算命网站？  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？  怎么将XML数据可视化 D3.js加载XML  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？