码迷,mamicode.com
首页 > 其他好文 > 详细

使用ngModel创建组件

时间:2019-09-02 23:45:56      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:htm   gis   void   初步   template   less   component   com   highlight   

@angular/forms里有个接口用来实现支持[(ngModel)],具体可查ControlValueAccessor,这边还未深入理解只是为了开发组件而初步了解

interface ControlValueAccessor {
  writeValue(obj: any): void
  registerOnChange(fn: any): void
  registerOnTouched(fn: any): void
  ...
}

我们要做的事就是实现这个接口

import {NG_VALUE_ACCESSOR,ControlValueAccessor} from "@angular/forms"
@Component({
  selector: ‘app-search-select‘,
  templateUrl: ‘./search-select.component.html‘,
  styleUrls: [‘./search-select.component.less‘],
  providers: [{
    provide: NG_VALUE_ACCESSOR,
    useExisting: forwardRef(() => SearchSelectComponent),
    multi: true
  }]
})
  export class SearchSelectComponent implements ControlValueAccessor {
      writeValue(obj: any): void
      registerOnChange(fn: any): void
      registerOnTouched(fn: any): void
  }
 

 

  

使用ngModel创建组件

标签:htm   gis   void   初步   template   less   component   com   highlight   

原文地址:https://www.cnblogs.com/llcMite/p/11449516.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!