Angular的@Input set方法

在父子组件传值的过程中,对于子组件给父组件传值时,可以使用EventEmitter发射给父组件,父组件可以在方法中对获得的值进行操作处理。
对于父组件给子组件绑定的值,传过来时是用变量接收的,此时应该使用@Input()的set方法对传入的值进行操作及处理。具体的使用方法如下:

// 如使用一个变量先接收传入的数组
  public selectedArr: Array<number>;
  // 获取父组件传入的数组
  @Input() set getSelectedArr( arr: Array<number>) {
      // 对传入的数组进行处理获取大于零的选项
      this.selectedArr = arr.filter(item => item > 0);
  }

如此利用@Input 的set方法便可以对传入的数据进行处理了

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容