import { Component, Input, Output, EventEmitter } from '@angular/core';
var colorPickerCss = "app/css/ui/color-picker.css";
var colorPickerTemplate = "app/partials/color-picker.html";
@Component({
selector: 'color-picker',
styleUrls: [colorPickerCss],
templateUrl: colorPickerTemplate
})
export class ColorPicker{
@Input() colors: string[] = [];
@Output() selectedColor = new EventEmitter();
isSelectorVisible : boolean = false;
showSelector(value: boolean){
this.isSelectorVisible = value;
}
selectColor(color: string){
this.showSelector(false);
this.selectedColor.next({color});
}
} ;
我已经编写了上面的代码,但我想了解它的功能。我的问题是,这一行的 .next() 函数是什么this.selectedColor.next({color})。它来自哪个图书馆?我在上面提到了导入,但我无法真正了解这个函数的实际定义。
An 事件发射器 https://angular.io/api/core/EventEmitter,扩展主题。当您使用 next 时,您会触发一个所有订阅者也会监听的事件。看here https://medium.com/@benlesh/on-the-subject-of-subjects-in-rxjs-2b08b7198b93。发射是首选的替代方案。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)