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 

相关文章： 如何快速启动建站代理加盟业务？  如何在Ubuntu系统下快速搭建WordPress个人网站？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  网站插件制作软件免费下载,网页视频怎么下到本地插件？  为什么Go需要go mod文件_Go go mod文件作用说明  Swift中switch语句区间和元组模式匹配  定制建站如何定义？其核心优势是什么？  专业网站制作企业网站,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何用AWS免费套餐快速搭建高效网站？  小建面朝正北，A点实际方位是否存在偏差？  如何在Golang中指定模块版本_使用go.mod控制版本号  建站org新手必看：2024最新搭建流程与模板选择技巧  如何选择香港主机高效搭建外贸独立站？  建站之星安装后如何自定义网站颜色与字体？  如何确认建站备案号应放置的具体位置？  如何用IIS7快速搭建并优化网站站点？  制作宣传网站的软件,小红书可以宣传网站吗？  如何在阿里云通过域名搭建网站？  制作营销网站公司,淘特是干什么用的？  建站主机CVM配置优化、SEO策略与性能提升指南  如何在阿里云购买域名并搭建网站？  如何在阿里云虚拟机上搭建网站？步骤解析与避坑指南  如何在阿里云服务器自主搭建网站？  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  山东网站制作公司有哪些,山东大源集团官网？  如何快速搭建二级域名独立网站？  如何通过虚拟机搭建网站？详细步骤解析  保定网站制作方案定制,保定招聘的渠道有哪些？找工作的人一般都去哪里看招聘信息？  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  家具网站制作软件,家具厂怎么跑业务？  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  已有域名和空间，如何快速搭建网站？  如何访问已购建站主机并解决登录问题？  非常酷的网站设计制作软件,酷培ai教育官方网站？  如何在宝塔面板创建新站点？  如何通过VPS建站实现广告与增值服务盈利？  如何在Tomcat中配置并部署网站项目？  沈阳制作网站公司排名,沈阳装饰协会官方网站？  网站制作新手教程,新手建设一个网站需要注意些什么？    用v-html解决Vue.js渲染中html标签不被解析的问题  ,网站推广常用方法？  宝塔面板如何快速创建新站点？  如何在沈阳梯子盘古建站优化SEO排名与功能模块？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  如何彻底删除建站之星生成的Banner？  网站按钮制作软件,如何实现网页中按钮的自动点击？  高端建站三要素：定制模板、企业官网与响应式设计优化  如何生成腾讯云建站专用兑换码？  建站之星代理商如何保障技术支持与售后服务？