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

这篇文章将为大家详细讲解有关Angular2如何实现自定义双向绑定属性,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联是专业的鼓楼网站建设公司,鼓楼接单;提供成都做网站、网站建设、外贸营销网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行鼓楼网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

整理文档,搜刮出一个Angular 2实现自定义 双向绑定 属性的代码,稍微整理精简一下做下分享。

import { Component, OnInit, Output, Input, EventEmitter } from '@angular/core';

@Component({
  selector: 'twoway',
  template: `
    
    

Hello {{username}}!

  ` }) 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是一个约定的固定写法。

关于“Angular2如何实现自定义双向绑定属性”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


当前名称:Angular2如何实现自定义双向绑定属性
网站地址:http://myzitong.com/article/peeipd.html